/*
 * Copyright 2002,2003,2004 inxire GmbH. All rights reserved.
 * ----------------------------------------------------------
 * Version: $Id: browse.css,v 1.4.8.40 2006/07/21 17:23:27 tschnell 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
 */


/* ******************************************************************************** *
 * 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;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

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

#loginBox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  text-align: left;
  width: 366px;
}

#loginBox .big {
  font-size: 1.2em;
  font-weight: bold;
}

#loginBox .veryBig {
  font-size: 2.0em;
  font-weight: bold;
  border-bottom: 3px solid #ccd6e0;
}

#headerBox {
  color: #fff;
  height: 76px;
  margin: 0px;
  padding: 0px;
  text-align: right;
  background-image: url('../img/bg_io_3.jpg');
  background-repeat: no-repeat;
}

#menuBox {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#leftColumnBox {
  height: 400px;
  width: 170px;
  text-align: left;
  vertical-align: top;
}

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

#rightColumnBox {
  height: 400px;
  width: 130px;
  text-align: left;
  vertical-align: top;
}

#footerBox {
  color: #aaa;
  text-align: right;
}

.mlvl0 {
  padding: 2px 2px 2px 2px;
}

.mlvl0 a:link, .mlvl0 a:visited, .mlvl0 a:hover, .mlvl0 a:active,
.mlvl1 a:link, .mlvl1 a:visited, .mlvl1 a:hover, .mlvl1 a:active,
.mlvl2 a:link, .mlvl2 a:visited, .mlvl2 a:hover, .mlvl2 a:active,
.mlvl3 a:link, .mlvl3 a:visited, .mlvl3 a:hover, .mlvl3 a:active
{
  color: #fff;
}

.mlvl1 {
  padding: 2px 2px 2px 14px;
}

.mlvl2 {
  padding: 2px 2px 2px 26px;
}

.mlvl3 {
  padding: 2px 2px 2px 38px;
}

.mlvl4 {
  padding: 2px 2px 2px 50px;
}

.mlvl5 {
  padding: 2px 2px 2px 62px;
}

.mlvl6 {
  padding: 2px 2px 2px 74px;
}

.mlvl7 {
  padding: 2px 2px 2px 86px;
}

.mlvl8 {
  padding: 2px 2px 2px 98px;
}

.mlvl9 {
  padding: 2px 2px 2px 110px;
}

.mlvl10 {
  padding: 2px 2px 2px 122px;
}


a.currPath, a.currPath:visited {
  text-decoration: underline;
}

.areaHeader {
  padding: 2px;
  margin: 2px 2px 2px 2px;
  background-color: #213E7F;
  border-top: 1px solid #d2dbe8;
  border-bottom: 1px solid #d2dbe8;
  color:#fff;
}

.contentArea {
  padding: 0px 2px 2px 2px;
  margin: 2px 2px 8px 2px;
}

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

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

.moreLink {
  margin-top: 0px;
  text-align: right;
  width:100%;
}

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

.searchResults {
  vertical-align: top;
}

.searchOperator {
  width: 20ex;  /* fits to default input field with of 25ex */
}

.pathBar {
  background-color: #c8d3de;
  border-top: 1px solid #4e7296;
  border-bottom: 1px solid #548aae;
  width: 100%;
  padding: 2px 0px 2px 0px;
  color: #045489; 
}

.pathBar a:link, .pathBar a:visited {
  color: #045489;
}

.pathBar a:hover {
  color: #003366;
  text-decoration: underline;
}

.pathBar img {
  vertical-align: middle;
}

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

.siteMapTableEntry{
  margin: 0px 0px 10px 0px;  
  vertical-align: top;
}
.siteMapBlock{
  border-left: 1px solid #ccc;
  margin: 0px 10px 10px 10px;
}
 
 .sitemapEntry0 {
  /* color: #526bad;  move this to enclosing div */
  padding-left: 2px;
  background-color:#F2F2F2;
  width: 250px;
}

.sitemapEntry1 {
  padding-left: 20px;
  background: url('../img/hbar.gif');  
  background-repeat: no-repeat;
}

.sitemapEntry1 a:link, .sitemapEntry1 a:visited, .sitemapEntry1 a:hover, .sitemapEntry1 a:active {
  color: #000;
}
.sitemapEntry2 {
  padding-left: 40px;
}

.sitemapEntry3 {
  padding-left: 60px;
}

.sitemapEntry4 {
  padding-left: 80px;
}

.sitemapEntry5 {
  padding-left: 100px;
}
/* ******************************************************************************** *
 * Sitemap END                                                                         *
 * ******************************************************************************** */

/* ******************************************************************************** *
 * Portlet Personalization START                                                    *
 * ******************************************************************************** */
 
td.portletCustomizationEntryName{
  text-align:left;
  font-weight: bold;
  width:40%;
  vertical-align:top;
  width: 300px;
  heigth: 300px;
}

td.portletCustomizationEntry{
  width:60%;
  text-align:left;  
  vertical-align: top;  
}


hr.portletCustomizationHR {
  width:400px;
  text-align:left;
}

td.portletCustomizationEntryName a:hover span {
  position: relative;
  top: 5px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  }

/* ******************************************************************************** *
 * Portlet Personalization END                                                    *
 * ******************************************************************************** */

/* ******************************************************************************** *
 * Portlets VIEW START                                                               *
 * ******************************************************************************** */
/* formerly objectList -> FIX for BUG IN IE 6.0 */

table.docObjectList{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 99%;
  border-collapse: collapse;
}

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

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

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

 
.portalBackLink{
    font-weight: bold;
 }

/*next three entries are used in the webContentDocumentSubfolder */

.contentDocumentBoxTable{
   width: 100%;
}

.contentDocumentBoxContentRaw{
    width: 85%;
    vertical-align: top;    
 }
 
.contentDocumentBoxSubfolderRaw{
    width: 15%;
    vertical-align: top;    
 }

 .portletHeaderBox{
  background-color:#213E7F;
  height:25px;
  color: #fff;
  font-size: 1.1em;
 }

/* ******************************************************************************** *
 * Portlets VIEW END                                                                *
 * ******************************************************************************** */

/* ******************************************************************************** *
 * ADP Product customizing START                                                    *
 * ******************************************************************************** */
#adpLogo{
    position: absolute;
    top: 18px;
    left:16px;
}

.leftItem {
  float: left;
}

.rightItem {
  float: right;
}

.portletHeaderBox img {
  margin: 0px;
  padding: 0px;
/*  border: 1px solid orange;*/
/*  border-bottom: 1px solid #cdd5e8;*/
  vertical-align: bottom;
}

.headerImageBox {
  height: 60px;
  float: right;
  margin: 0px;
  padding: 0px;
/*  border: 1px solid red;*/
  border: none;
  line-height: 0em;
}


div.downloadIcon {
  width: 100%;
  vertical-align: top;
  margin: 20px 10px 0px 0px;
  text-align: right;
}

div.downloadIcon a {
  line-height: 0em;
  font-size: 0.8em;
}

div.productList {
  padding: 8px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

div.productListPrint {
  height: 100%;
  padding: 8px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #f3f3f3;
  vertical-align: top;
}

td.productImage {
/*  border: 1px solid green;*/
/*bug bix for IE 6.0 */
 width:40%;
}

td.productDescription {
  padding: 4px;
  vertical-align: text-top;
/*  border: 1px solid black;*/
/*bug bix for IE 6.0 */
  width:60%;
}

div.productText {
  margin-left: 4px;
  float: left; 
  vertical-align: top;
}

table.productOverview {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width:97%;
}

table.productOverview td {
  vertical-align: middle;
  margin: 0px;
  padding: 10px;
}

td.productOverviewImgNew{
  width:1%;
}

td.productOverviewShortDesc{
  width:99%;
}


table.productDetails td {
  vertical-align: top;
}

div.documentList table {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

div.documentList table td {
  padding: 4px;
  margin: 0px;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
}
div.documentList table th {
  padding: 4px;
  margin: 0px;
  border-collapse: collapse;
}

/* ******************************************************************************** *
 * ADP Product customizing END                                                      *
 * ******************************************************************************** */


/* ******************************************************************************** *
 * ADP Shop customizing START                                                       *
 * ******************************************************************************** */

div.shopImageBox {
  height: 350px;
  width: 100%;
  overflow: scroll;  /* optional scrollbar */
}

div.shopObjectListBox {
  /*height: 100px; */
  width: 100%;
  /*overflow: auto;*/  /* optional scrollbar */
}

div.shopObjectListBox table.docObjectList {
  width: 100%;
}

form.shopForm {
  margin: 0px;
  padding: 0px;
}

div.materialInfoBox {
  min-height: 100%;  /*need for non ie */
  width: 100%; 
}

table.materialInfoList {
  width: 100%;
  height: 100%;  
}

table.shopDetails {
  width: 99%;
}

div.zoomTitle{
  margin-bottom:10px;
  font-weight: bold;
}

td.shopControls {
  width:10px;
  vertical-align:top;
}

td.shopDescriptions {
  width: 30%;
  vertical-align:top;
}

td.shopImages{
  vertical-align:top;
}

/* empty entries, for device and article detail */
td.articlePosition, td.devicePosition {
}

td.articleOrderNumber, td.deviceOrderNumber {
}

td.articleAmount, td.deviceAmount {
}

td.articleDescription, td.deviceDescription {
}

td.articleInfo, td.deviceInfo {
}

td.articleReplacementType, td.deviceReplacementType {
}

td.articlePrice, td.devicePrice {
text-align: right; 
}

td.articleShoppingCart, td.deviceShoppingCart {
}

.shopObjectListBox td {
height:20px;
}

/* end empty entries*/

/* ******************************************************************************** *
 * ADP Shop customizing END                                                         *
 * ******************************************************************************** */


 /* ******************************************************************************** *
 * ADP PORTAL LAYOUT & STYLE START                                                       *
 * ******************************************************************************** */

.productCatalogBoxCATALOG {
  border: 1px solid #213E7F;
}

.contentBox, .contactBox, .contactConfirmationBox, .documentBox, .productCatalogBox, .searchBrowseBox, .shopBox, .siteMapBox, .subscribtionBox, .subscribtionConfirmationBox, .contentDocumentBox, .contentDocumentSubfolderBox, .randomContentBox  {
  border: 1px solid #213E7F;
}

.productCatalogBoxPRINT, .contentBoxPRINT, .printViewBox {
  border: 1px solid #213E7F;
}

.productCatalogBoxPRINT .rightItem {
  visibility: hidden;
}

.contentBoxPRINT .rightItem {
  visibility: hidden;
}

.contentBoxPRINT .rightItem {
  visibility: hidden;
}

.contentDocumentBoxHelp{
  border: 1px solid #213E7F;
  margin-left:10px;
}

.documentBoxINVERTED a:link, 
.documentBoxINVERTED a:visited, 
.documentBoxINVERTED a:hover, 
.documentBoxINVERTED a:active {
  color: #fff;
}

.functionLinksBoxINVERTED a:link, 
.functionLinksBoxINVERTED a:visited, 
.functionLinksBoxINVERTED a:hover, 
.functionLinksBoxINVERTED a:active {
  color: #fff;
}


.navigationTreeBox{
  margin-top:20px;
}

.layoutHelperBoxNAVI170{
 width:170px;
}

.layoutHelperBoxNAVI130{
 width:130px;
}

.layoutHelperBoxCATALOG{
 width:100px;
}

.navigationPathBox{
  margin-left:180px;
  margin-right:160px; 
  margin-bottom:2px;
}

.layoutHelperBoxBLUEBG_170_17{
 width: 170px;
 height: 18px;
 background-color: #213E7F;
}

.layoutHelperBoxBLUEBG_130_17{
 width: 130px; 
 height: 18px; 
 background-color: #213E7F;
}

.navigationTreeBoxBLUEBG_170, .layoutHelperBoxBLUEBG_170, .navigationSubfolderBoxBLUEBG_170{
  background-color: #213E7F;
  width: 170px;
}

.navigationSubfolderBoxBLUEBG_130, .layoutHelperBoxBLUEBG_130, .navigationTreeBoxBLUEBG_130{
  background-color: #213E7F;  
  width: 130px;
}

.layoutHelperBoxBLUEBG_170_70{
 padding:0px;
 margin: 0px 10px 16px 0px;
 background-color: #213E7F; 
 width: 170px;
 height: 70px; 
}

.layoutHelperBoxBLUEBG_130_70{
 padding:0px;
 margin: 0px 0px 16px 10px;
 background-color: #213E7F; 
 width: 130px;
 height: 70px; 
}

.layoutHelperBoxWHITEBG_X_16{
 height:16px;
 background-color: #fff;
}

.layoutHelperBoxBLUEBG_X_17{
 height: 17px; 
 background-color: #213E7F;
 margin-left:10px;
 margin-right:10px; 
}

.printViewBox .areaHeader {
  background-color:#213E7F;
  height:25px;
  color: #fff;
  font-size: 1.1em;
}

.navigationMenuBox {
 margin-bottom:1px;
 height: 18px; 
 width:100%;
 margin-left:0px;
 margin-right:0px; 
 background-color: #213E7F; 
}

#mainPage{
width:100%;
}

.helpLinkBox{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  height:70px;
  width:130px;  
  background-color: #213E7F;  
  margin-bottom:16px;
}

.helpLinkBoxTable{
  border-collapse: collapse;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

.helpLinkBoxTable .td, .helpLinkBoxTable .tr{
 margin: 0px;
 padding:0px;
 vertical-align:middle; 
}

.searchSimpleBox{
 border-left:1px solid #213E7F; 
 border-right:1px solid #213E7F; 
 padding: 0px;
 height: 70px;
}

.searchSimpleBox form{
  margin:0px;
}

.searchBoxSimpleHeader{
  margin-top: 0px;
  margin-bottom:7px;
  padding:0px;
}

.extendedSearchBox a:link,.extendedSearchBox a:visited,.extendedSearchBox a:hover,.extendedSearchBox a:active{
 color: #213E7F;
 text-decoration: underline; 
 font-weight: bold; 
}

.simpleSearchShopTitle {
color: #fff;
}

.bottomLinksBox{
 width: 100%;
 text-align: center;
 margin-top:7px;
}

 /* ******************************************************************************** *
 * ADP PORTAL LAYOUT & STYLE END                                                        *
 * ******************************************************************************** */

.iOPortletErrorMsg{
   color: red; 
}