/*
 * Copyright 2002-2007 inxire GmbH. All rights reserved.
 * ----------------------------------------------------------
 * Version: $Id: browse.css,v 1.28.22.2 2008/01/10 00:13:35 amorgner Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * CSS stylesheet for portal view.
 *
 * This file contains all special layout rules for public
 * browse pages, but no WebArticle layout.
 *
 * This file is indented to be maintained by the LAYOUTER.
 *
 * Use CSS classes, ID's or context nodes to narrow definitions                     *
 * !! NO tag defaults should go here !!!                                            *
 * 
 * Author: Axel Morgner and Hans-Martin Keller
 */


/* ******************************************************************************** *
 * CSS rules for special page elements in portal region                             *
 *                                                                                  *
 * Use CSS classes, ID's or context nodes to narrow definitions                     *
 * !! NO tag defaults should go here !!!                                            *
 *                                                                                  *
 * ******************************************************************************** */

#mainTable {
  margin: 0px 3px;
  padding: 0px;
  width: 800px;
  background-color: #fff;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.bg {
  background: url('../img/bg_200px.gif') repeat-x top left;
  background-color: #ebebeb;
}

#mainPage {
  margin: 0px auto 0px auto;
  padding: 4px 0px 0px 0px;
  width: 806px;
}

#mainTableHeader {
  margin: 0px 3px;
  padding: 0px;
  line-height: 1px; /* IE Bug: div elements can not be smaller than line-height or font-size! */
  font-size: 1px;
  width: 800px;
  height: 5px;
  background-color: #fff;
  background: url('../img/main_table_top.gif') no-repeat top left;
}

/* Inner tables are tables within the content box.
 * Used for label/value listings or form item formatting. */
.innerTable {
  border-collapse: collapse;
}

/* Add only right padding to support left alignment with text above/below */
.innerTable td {
  padding-right: 0.25em;
}

#outerLogin {
  width: 100%;
  text-align: center;   /* needed for IE 5.5 to center loginBox */
}

#loginBox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5em;
  text-align: left;
  width: 22em;
  padding: 2.0em;
  background-color: #fff;
  border: 1px solid #ccc;
}

#headerBox {
  color: #fff;
  height: 116px;
  width: 806px;
  margin: 0px;
  padding: 0px;
  text-align: right;
  background: url('../img/header.png') no-repeat top left;
  position: relative;
}

#headerBox img {
/*  float: right;*/
}

#functionsBox {
  float: right;
  padding: 18px 12px 0px 0px;
  text-align: right;
}

#functionsBox img {
  vertical-align: top;
}

#headerBox form {
  padding: 0px;
  margin: 0px;
  display: inline;
}

#subHeaderBox {
  padding: 16px 0px 0px 23px;
  margin: 0px;
  height: 0px;
}

#subHeaderBox div.dummy {
  height: 0px;
}

#indexHeaderBox {
  padding: 0px 0px 0px 23px;
  margin: 0px;
  height: 0px;
/*  width: 600px;*/
  vertical-align: top;
}

#indexNewsBox {
  padding: 0px;
  margin: 0px;
/*  width: 600px;*/
  vertical-align: top;
}

#leftColumnBox {
/*  height: 400px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 16px 23px;
  vertical-align: top;
  background-color: #fff;
}

#middleColumnBox {
  /*height: 400px;*/
  /* width: 100%;    HMK: brake layout for some browsers */
  vertical-align: top;
  padding: 0px 0px 16px 0px;
  margin: 0px;
}

#rightColumnBox {
/*  height: 400px;*/
/*  width: 200px;*/
  margin: 0px;
  padding: 0px 0px 16px 0px;
  vertical-align: top;
  background-color: #fff;
}

#footerBox {
  color: #999;
  text-align: right;
  font-size: 0.8em;
}

#newsBox {
  padding: 0px;
  margin: 0.5em 0em 1.0em 0em;
  height: 360px;
  overflow: auto;
  scrollbar-face-color: #fff; /* this is IE only */
}

#top    { border-top: none; }

div.naviHeader {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  background: url('../img/menu-header.gif') no-repeat top left;
  line-height: 1px; /* IE Bug: div elements can not be */
  font-size: 1px;   /* smaller than line-height or font-size! */
  width: 218px;
  height: 4px;
}

#tech {
  background: url('../img/pict-praxis.gif') no-repeat 172px 2px;
}

#eff {
  background: url('../img/pict-management.gif') no-repeat 172px 2px;
}

#app {
  background: url('../img/pict-technik.gif') no-repeat 174px 1px;
}

#news {
/*  background: url('../img/feed-icon-28x28.png') no-repeat 174px 3px;*/
}

#inx {
/*  background: url('../img/inxire_logo.png') no-repeat 100px 1px;*/
}



/* ********************************** *
 *       Left Navigation Menu         *
 * ********************************** */

.mlvl0 {
  padding: 0px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #ececec;
}

.mlvl1 {
  padding: 0px 0px 0px 10px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
}

.mlvl2 {
  padding: 0px 0px 0px 20px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #fff;
}

.mlvl3 {
  padding: 0px 0px 0px 30px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #fff;
}
/*
.mlvl4 {
  padding: 2px 0px 2px 56px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
}

.mlvl5 {
  padding: 2px 2px 2px 68px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
}

.mlvl6 {
  padding: 2px 0px 2px 80px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
}
*/

/* Remove border on top item */
div.browseNavigationTree .topItem {
  border-top: none;
}
.browseNavigationTree {
  padding: 0px;
  margin: 0px;
  width: 218px;
  border-collapse: collapse;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-collapse: collapse;
}

/* Link in browse navigation tree */
.browseNavigationTree a:link, .browseNavigationTree a:visited, 
.browseNavigationTree a:hover, .browseNavigationTree a:active {
  color: #5f5f5f;
  text-decoration: none;
}

/* Ordinary tree element */
.browseNavigationTree span {
/*  padding-left: 8pt;*/
  padding: 4pt 0pt 4pt 8pt;
  line-height: 2.2em;
}

/* Emphasis current path */
.browseNavigationTree em {
  padding: 4pt 0pt 4pt 8pt;
/*  color: #005187;*/
  font-style: normal;
  line-height: 2.2em;
/*  background: url('../img/d_arrow.gif') no-repeat left center;*/
/*  font-weight:      bold;*/
/*  text-decoration: underline;*/
}

/* Emphasis current node */
div.browseNavigationTree em.currentNode,
.browseNavigationTree #curr {
  background-image: url('../img/menu-bg.gif');
  background-repeat: repeat-y;
  background-position: left center;
}


.browseNavigationTree th {
  vertical-align: top;
  text-align: left;
  padding: 0px;
  margin: 0px;
  width: 216px;
  height: 37px;
  font-size: 1.33em;
  line-height: 2.2em;
  font-weight: bold;
  color: #bcbcbc;
  text-decoration: none;
  border-bottom: 1px solid #cdcdcd;
}

.browseNavigationTree th a:link, .browseNavigationTree th a:visited {
  margin-left: 10px;
  color: #bcbcbc;
  text-decoration: none;
}

.browseNavigationTree th a:hover, .browseNavigationTree th a:active {
  margin-left: 10px;
  color: #ccc;
  text-decoration: none;
}
/* Special select boxes for index.jsp */
.naviSelectBoxHeader {
  margin: 0px;
  padding: 0px;
  background: url('../img/homebox-kachel.gif') repeat-x;
  width: 232px;
  height: 39px;
}

.naviSelectBoxHeader img.left {
  float: left;
  border: none;
}

.naviSelectBoxHeader div {
  margin-left: 6px;
  float: left;
  height: 39px;
  color: #dfe8ef;
  font-size: 1.5em;
  line-height: 2.2em;
}

.naviSelectBoxHeader img.right {
  float: right;
  border: none;
}

.naviSelectBox {
  margin: 0px 0px 0px 1px;
  padding: 0px;
  width: 230px;
  height: 6em;
  border-bottom: 1px solid #cdcdcd;
  border-collapse: collapse;
  font-size: 1.12em;
  line-height: 1.33em;
}

.naviSelectBox p {
  padding: 0em 0em 0.66em 0em;
  margin: 0px;
}

.naviSelectBox td {
  margin: 0px;
  padding: 0.5em 0.7em 0.5em 0.7em;
  background: #f7f7f7;
  vertical-align: top;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}

.naviSelectBox td select {
  width: 180px;
  vertical-align: top;
}

.naviSelectBox img {
  padding: 0px;
  margin: 0px;
}


/* ********************************** *
 *           Content Columns          *
 * ********************************** */

/* Box around content area (middle column), may include <h1> */
.contentArea {
  width: 481px;
  padding: 0px;
  margin: 0px;
}

/* Box around content area (middle column) filling the hole page, may include <h1> */
.contentAreaHome {
  width: 749px;
  padding: 0px;
  margin: 0px;
}

.contentAreaNews {
  width: 206px;
  padding: 0px 0px 6px 6px;
  margin: 0px;
}

/* Area header for left or right column, use above itemArea */
.areaHeader {
  padding: 6px 0px 4px 6px;
  border-bottom: 1px solid #d3d3d3;
  background-color: #eceaeb;
}

.contentAreaHome h1.title {
  font-size: 1.5em;
  line-height: 1.5em;
}

/* Item area in left or right column.
 * HMK: brakes CSS concept, use contentArea and define some add-on class for layout */
.itemArea {
  padding: 6px 2px 4px 6px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d3d3d3;
  background-color: #eceaeb;
  background-color: #f7f7f7;
}

.item {
  padding: 2px;
  white-space: nowrap;
}

.item img, .areaHeader img, .moreLink img {
  vertical-align: middle;
}

.moreLink {
  margin-top: 0.5em;
  text-align: right;
}

.moreLinkIndex {
  margin: 0em 0em 0.5em 0em;
  text-align: right;
}

.iconArea {
  float: left;
  margin: 10px;
  width: 140px;
  height: 100px;
  overflow: hidden;
  text-align: center;
}

/* ********************************** *
 *           Header box               *
 * ********************************** */

#headerBG {
  height: 39px;
  width: 100%;
  background: url('../img/top_bg.jpg') repeat-x top left;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  overflow: hidden;
  text-align: center; /* needed by IE 5.5 to center #middleHeaderBox ! */
}

#leftHeaderBox {
  height: 39px;
  width: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('../img/inxire_logo_header.jpg') no-repeat top left;
}

#middleHeaderBox {
  height: 3em;
  width: 22em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#rightHeaderBox {
  position: absolute;
  height: 39px;
  width: 185px;
  top: 0px;
  right: 0px;
  background: url('../img/world.gif') no-repeat top right;
}

/* Updated header button style with Opera and background fix */
table.headerButton, table.headerButtonOver {
  margin: 10px 1px;
  float: left;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.83em;
}

td.headerButtonLeft {
  background: url('../img/button_begin2.gif') no-repeat right center;
  width: 3px;
  height: 18px;
  padding: 0px;
}

td.headerButtonRight {
  background: url('../img/button_end2.gif') no-repeat left center;
  width: 3px;
  height: 18px;
  padding: 0px;
}

td.headerButtonText {
  background: url('../img/button_bg2.gif') repeat-x left center;
  height: 18px;
  padding: 0px 2px;
}

.headerButtonOver td.headerButtonLeft {
  background-image: url('../img/button_begin2_over.gif');
}

.headerButtonOver td.headerButtonRight {
  background-image: url('../img/button_end2_over.gif');
}

.headerButtonOver td.headerButtonText {
  background-image: url('../img/button_bg2_over.gif');
}

.headerButtonText a,
.headerButtonText a:link,
.headerButtonText a:visited,
.headerButtonText a:hover,
.headerButtonText a:active
{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}


#searchButton {
  margin-top: 9px;
}

.pathBar {
  width: 806px;
  height: 20px;
  padding: 2px 0px 3px 0px;
  color: #333;
}

.pathBar .path {
  float: left;
}

.pathBar .info {
  float: right;
  padding-right: 5px;
}

.pathBar a:link, .pathBar a:visited {
  color: #333;
/*  text-decoration: none;*/
}

.pathBar a:hover, .pathBar a:active {
  color: #fff;
/*  text-decoration: underline;*/
}

.pathBar img {
  vertical-align: middle;
}


/* ********************************** *
 *             Sitemap                *
 * ********************************** */

/*
 * The sitemap follows the new navigation tree style. This HTML
 * structure is in accordance with the accessibility guidelines:
 *
 * <div class="sitemapTree">
 *   <ul class="menuLevel1">
 *     <li class="itemLevel1">
 *       <div class="itemHeader1">
 *         <a href="...">A Menu Entry</a>
 *       </div>
 *     </li>
 *     ...
 *     <li class="currItemLevel1">
 *       <div class="currItemHeader1">
 *         <a href="..."><em>Another Menu Entry</em></a>
 *       </div>
 *       <ul class="menuLevel2">
 *         <li class="itemLevel2">
 *           <div class="itemHeader2">
 *             <a href="...">Entry</a>
 *           </div>
 *         </li>
 *         ...
 *         <li class="currItemLevel2">
 *           <div class="currItemHeader2">
 *             <a href="..."><em>Bla Bla</em></a>
 *           </div>
 *         </li>
 *         ...
 *       </ul>
 *     </li>
 *   </ul>
 * </div>
 */

/* reset defaults for all menu lists */
ul.menuLevel1, ul.menuLevel2, ul.menuLevel3, 
ul.menuLevel4, ul.menuLevel5, ul.menuLevel6 {
  margin: 0px;    /* needed by IE */
  padding: 0px;   /* needed by Mozilla */
  /* border: 1px solid green; */ 
}

ul.menuLevel1 li, ul.menuLevel2 li, ul.menuLevel3 li, 
ul.menuLevel4 li, ul.menuLevel5 li, ul.menuLevel6 li {
  display: block;
  list-style-type: none;
  /* border: 1px solid green; */
}

.sitemapTree {
  font-size: 1.0em;  /* 0.83em; */
  /* line-height: 140%;  /* reduce line height */
}

/* Link in sitemap */
.sitemapTree a:link, .sitemapTree a:visited {
  text-decoration: none;
}

/* Link in sitemap */
.sitemapTree a:hover, .sitemapTree a:active {
  text-decoration: underline;
}

.sitemapTree h1, .sitemapTree h2, .sitemapTree h3, 
.sitemapTree h4, .sitemapTree h5, .sitemapTree h6 {
  font-weight: normal;
  font-size: 1em;
  margin: 0px;
}

.sitemapTree em {
  /* font-style: italic; */
  font-weight: bold;
}

.sitemapTree ul.menuLevel1 ul {
  padding-left: 1.5em;
}

ul.menuLevel1 {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  padding: 0.83em;
  font-size: 10pt;
  line-height: 1.25em;
}

ul.menuLevel2 {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin-bottom: 1.5em;
  font-size: 9pt;
}

ul.menuLevel3 {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin-bottom: 1.0em;
}

ul.menuLevel4 {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.83em;
  margin-bottom: 1.0em;
}

ul.menuLevel5 {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  padding: 0.83em;
  margin-bottom: 1.0em;
}


/* ********************************** *
 *           Thread Tree              *
 * ********************************** */

.postTree {
  font-size: 1.0em;  /* 0.83em; */
  line-height: 140%;  /* reduce line height */
}

.postTree h1, .postTree h2, .postTree h3, 
.postTree h4, .postTree h5, .postTree h6 {
  font-weight: normal;
  font-size: 1em;
  margin: 0px;
}

.postTree em {
  font-style: italic;
  /* font-weight: bold; */
}

.postTree ul.menuLevel1 ul {
  padding-left: 2em;
}


/* ********************************** *
 *           Browse Search            *
 * ********************************** */

.searchTitle {
  font-weight: bold;
  font-size: 1.2em;
}

.searchResults {
  vertical-align: top;
}

.searchInfo {
  padding-right: 1em;  /* need by postList.jsp */
}

.searchInfo img {
  vertical-align: middle;
}

.scoreBarOuterBox {
  margin: 0.25em 0 0.5em 0;
  border: 1px solid #ccc;
  width: 104px;
}

.scoreBarInnerBox {
  background-color: #005188;
  margin: 2px;
  padding: 0px;
  font-size: 0.5em;  /* dummy size, IE 5.5 will not make box smaller than font-size+2 */
  line-height: 80%;
  height: 1.5em;  /* 8px; */
  /* width is specified on-the-fly by "style" attribute */
}

#menuBox {
/*  margin-top: 70px;*/
/*  width: 100%;*/
/*  height: 30px;*/
  position: absolute;
  right: 12px;
  top: 86px;
}

/*
 * Style and classes for dropdown menu in portal view.
 *
 * The general structure of a menu (example taken from filesMenu.html):
 * <div class="menuList">
 *   <div class="singleMenuBox">
 *     <a href="#" id="filesActuator" class="actuator">Menu Label</a>
 *     <div id="filesMenu" class="menu">
 *       <div [id="filesMenu_copy"]><a href="javascript:...">Copy</a></div>
 *       ...
 *       <div><hr class="menuSeparator"/></div>
 *       ...
 *    </div>
 *    ...
 * </div>
 *
 * In general the menuList is included in some specific menu bar, e.g. div.mainMenu
 * or div.ioPortletMenu, which may be used as CSS context to define individual layouts.
 *
 * Author: Axel Morgner, Hans-Martin Keller
 */


/* ************************************************************************** *
 *                    Main Menu Customization                                 *
 * ************************************************************************** */

/*
 * Box around main menu list. The following definitions may be used as a template
 * for menu bar customization.
 *
 * HMK:
 * 1) "width" must be given, or IE5.5 will brake header height and IE 6 may hang !!
 *    (TestCase: iocore/src/web/test/scripttest/nestedDivBug.html) 
 * 2) "padding must not be set here, but in "menuList" (brakes menu positioning)
 */ 
 
.mainMenu {
/*  width: 600px;*/
  font-weight: bold;
  font-size: 1.17em;
  line-height: 1.33em;
  color: #fff;
/*  border-top: 1px solid #99b9d0;
  border-bottom: 1px solid #99b9d0;*/
/*  background: url('../img/menu_bg.jpg') repeat-x center;*/
  background-color: transparent;
}

/* Style of actuator element (may be an anchor or span) */
.mainMenu .actuator, .mainMenu a.actuator:link, .mainMenu a.actuator:visited, .mainMenu a.actuator:active {
  background-color: transparent;
  color: #9abad1;
/*  font-weight: bold;*/
  text-decoration: none;
  /* margin: 0px 10px;    /* do not use vertical margin, or menus will be mis-alligned */
  padding: 0px 6px;
/*  line-height: 1.0em;*/
/*  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;*/
}

.mainMenu .actuatorCurr, .mainMenu a.actuatorCurr:link, .mainMenu a.actuatorCurr:visited, .mainMenu a.actuatorCurr:active {
  background-color: transparent;
  color: #fff;
/*  font-weight: bold;*/
  text-decoration: none;
  /* margin: 0px 10px;    /* do not use vertical margin, or menus will be mis-alligned */
  padding: 0px 6px;
/*  line-height: 1.0em;*/
}

.mainMenu a.actuator:hover, .mainMenu a.actuatorCurr:hover {
/*  background-color: #00427c;*/
  color: #fff;
  text-decoration: none;
/*  background: url('../img/menu_bg_over.jpg') repeat-x center;*/
}


/* define width for some menus (needed by IE, NS7 and Mozilla) */
#naviMenu           { width: 13em; }
#helpMenu           { width: 11em; }

/* Special effect: CSS drop shadow for header menu text */
.menuText a,
.menuText a:visited,
.menuText a:link,
.menuText a:active
{
  padding: 0px 6px;
  color: #9abad1;
/*  font-weight: bold;*/
  font-size: 1.17em;
  text-decoration: none;
}


.singleMenuBoxCurr .menuText a,
.singleMenuBoxCurr .menuText a:visited,
.singleMenuBoxCurr .menuText a:link,
.singleMenuBoxCurr .menuText a:active
{
  color: #fff;
}

.dropShadow a,
.dropShadow a:visited,
.dropShadow a:link,
.dropShadow a:active
{
  padding: 0px 6px;
  color: #000;
/*  font-weight: bold;*/
  font-size: 1.17em;
  text-decoration: none;
}

.menuText {
  position: relative;
  z-index: 2;
}

.dropShadow {
  position: relative;
  top: -1.2em;
  left: 0.2em;
  z-index: 1;
  margin-bottom: -1.2em;
}

.menuText a:hover {
  position: relative;
  top: 1px;
  left: 1px;
}

.singleMenuBoxCurr {
  float: left;
  position: relative;
  background-color: transparent;
  text-align: left; /* needed f.e. if containing box is right-aligned */
  padding: 0px;
  margin: 0px;
/*
  border-top: 1px solid #42789e;
  border-left: 1px solid #42789e;
  border-right: 1px solid #42789e;
*/  
}

.singleMenuBox {
  float: left;
  position: relative;
  background-color: transparent;
  text-align: right; /* needed f.e. if containing box is right-aligned */
  height: 1.33em;
/*  display: inline;*/
/*  width: 100px;
  height: 30px;*/
/*  border: 1px solid transparent;*/
}

#registrationBox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: left;
  width: 500px;
}

.registrationTable {
  table-layout: fixed;
}

.registrationTable td {
  width: 50%
}

.printBox {
  padding: 1.0em;
  background-color: #fff;
}