/*----------------------------------------------------*/
/* StyleSheets for the "SAP IPC Project"              */
/*                                                    */
/* Document:       /ipc/stylesheet.css                */
/* Version:        2.00                               */
/* Authors:        tm                                 */
/* Creation-Date:  20.10.2006                         */
/* Last-Update:                                       */
/*                                                    */
/*----------------------------------------------------*/
html   {height: 99%; overflow-x: hidden; overflow-y: auto}

/*-- component styles --*/
#configheader { position:fixed;  
   z-index:10;
   top:0px;  
   height:39px; 
   left:0%;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}

#configstatus { position:absolute;  
   top:40px;  
   height:49px; 
   left:2%;
   width:96%;
   margin:0px;
   border:0px solid #EE0000;
   
}

#configmessages { position:absolute;  
   top:90px;  
   height:49px; 
   left:2%;
   width:96%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}

#instances { position:absolute;  
   top:140px;  
   width:25%;
   left:0%;
   margin:0px;
   border:0px solid #EE0000;
   overflow-y:auto;
   overflow-x:hidden;
   
}

#multifunctionalarea { position:absolute;  
   top:140px;  
   left:70%;
   height:100%;
   width:28%;
   margin:0px;
   border: 0px solid  #EE0000;
   overflow-y:visible;
   overflow-x:hidden;

   }

/* style definitions for different combinations */
/* | message area        | multifunctional area | workarea style          | */
/* |         0           |          0           | 0: configworkarea       | */
/* |         0           |          1           | 1: configworkareamfa    | */
/* |         1           |          0           | 2: configworkareamsg    | */
/* |         1           |          1           | 3: configworkareamfgmsg | */

#configworkarea { position:absolute;  
   top:90px;  
   left:2%;
   width:96%;
   margin:0px;
   border:0px solid #EE0000; 
}

#configworkareamfa { position:absolute;  
   top:90px;  
   left:2%;
   width:66%;
   margin:0px;
   border:0px solid #EE0000;
}

#configworkareamfamsg { position:absolute;  
   top:140px;  
   left:2%;
   width:66%;
   margin:0px;
   border:0px solid #EE0000;
}

#configworkareamsg { position:absolute;  
   top:140px;  
   left:2%;
   width:96%;
   margin:0px;
   border:0px solid #EE0000;
}

/*-- used for settingsLayout --*/
#singlelevelworkarea { position:absolute;  
   top:40px;  
   left:2%;
   width:96%;
   margin:0px;
   border:0px solid #EE0000;
   overflow-y:auto;
   overflow-x:hidden;        
}


/* == start: ipc webapp specific styles == */
/*----------------------------------------------------*/
/* body */
/*----------------------------------------------------*/
body {
  color: #000000;
  background-color: #E7EFF5;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}


body.ipcBody {
  background: none #FFFFFF;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin-left: -1px;
  margin-top: -1px;
}

body.ipcBodyReadOnly {
  background: none #FFFFFF;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin-left: -1px;
  margin-top: -1px;
}


input.ipcButton {
  background: none transparent;
  color: #000; 
  text-decoration: none; 
  font-weight:normal;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
/*  border: 1px solid #d8e6fa; */
  margin: 0; 
}

/*
input.ipcButton:hover {
  background: none #FFF; 
  color: #000; 
  text-decoration: none; 
  border: 1px solid #313145; 
  margin: 0; 
  padding: 0px 2px 0px 2px;
}*/

/* Styling for Link rendered as Button */

a.ipcButton:link,
a.ipcButton:visited,
a.ipcButton:active { 
  /* background-color: #d8e6fa; */
  text-decoration: none; 
  font-weight:normal;
  font-size:11px;
  font-family: Arial,Helvetica,sans-serif;
  /*border: 1px solid #d8e6fa;*/
  padding: 0px 3px 0px 3px;
  margin: 0px 3px 0px 3px;
  color: #000;
}

a.ipcButton:hover {
  /* background: none #FFF; */
  background-image: url(../../../ipc/mimes/images/nova/tButtonB.gif);
  color: #000; 
  text-decoration: none; 
  font-weight:normal;
  font-size:11px;
  font-family: Arial,Helvetica,sans-serif;  
  border: 1px solid #96A9BA;
  border-top: 0px;
  padding: 0px 2px 0px 2px
}


input.green {
 font-family: Verdana, Geneva, sans-serif; /* monospace; */
 font-size: 10px; /* 11px;*/
 color: #fff;
 background: none #83A218;
 font-weight: bold;
}

.actualDetails { background: none #B6C2AC; }
.systemAssigned {
  font-style: italic;
}

/*----------------------------------------------------*/
/* list */
/*----------------------------------------------------*/
ul {
  padding-left: 1em;
  margin-left: 15px;
}
ul.catalog li { list-style-type: none; }

/*----------------------------------------------------*/
/* headline */
/*----------------------------------------------------*/
h2 { font-size: 14px; }
h3 { font-size: 12px; }

/*----------------------------------------------------*/
/* images */
/*----------------------------------------------------*/
img	{ border: 0px; border-style: none; }

th > img { display: inline-block; }
td > img { display: inline-block; }

img.tree {
  border-style: none;
}


/*----------------------------------------------------*/
/* links */
/*----------------------------------------------------*/
a:link,
a:visited { 
  color: #3665D0;
  text-decoration: none;
}
a:hover { 
  color: #5280E9;
  text-decoration: underline;
}

a.icon {
  font-size: 10px;
  font-weight: normal;
}
a.selected {
  font-weight: bold;
}


/*----------------------------------------------------*/
/* form elements */
/*----------------------------------------------------*/
form { margin: 0; }

input {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  vertical-align:middle;

}

input.ipcText {
  color:#000000; 
  border-color:#CCCCCC; 
  border-style:solid; 
  border-width:1px; 
  background-color:#FFFFFF; 
  padding:0px 2px 0px 2px; 
  margin:0px; 
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

/*----------------------------------------------------*/
/* tables */
/*----------------------------------------------------*/
th {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  text-align: left;
  vertical-align: top;
}

td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  vertical-align: top;
}
td.systemAssigned {
  font-style: italic;
  margin: 0px; 
  padding:0px;
  vertical-align: middle;    
}

table.ipc {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: small;
  text-align: left;
  vertical-align: top;
  color: #000;
}

table.ipcValueSingleOption {
  border: 0px;
  border-collapse:collapse;
}

tr.ipcValue { 
  margin: 0px; 
  padding:0px;
}

td.ipcValue { 
  margin: 0px; 
  padding:0px;
  vertical-align: middle;
}

/*table.ipcCharacteristicBar {
  font-family: Arial, Helvetica, sans-serif; 
  color: #000;
  border-bottom: 2px solid #81ABF2;
  border-collapse:collapse;
  border-spacing:0px;
}*/

table.ipcCharacteristicBar {
  border-bottom: 1px solid #7D9AB9;
  border-right: 1px solid #7D9AB9;
  border-left: 1px solid #7D9AB9;
  background-image: url(../../../ipc/mimes/images/nova/areabox-1.gif);
  margin-top: 10px;
  background-color: #FFFFFF;
  border-collapse: collapse;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 23px;
}
table.ipcConflictSolverInner{
  background-color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  
}

table.ipcConflictSolverOuter{
  background-color: #FFFFFF;
  border: 1px solid #7D9AB9; 
  border-collapse: collapse;
  border-top: 0px;
}


table.ipcCharacteristicBar td{
  padding: 4px 4px 4px 4px;
}


table.ipcCharacteristicBar td.csticName {
  font-weight: bold;
}


td.ipcConflict{ background-color: #FFCC33; }

div.ipcStatusBarInCstic table.ipcConflictStatusbar {
  background-image: url(../../../ipc/mimes/images/nova/areabox-1.gif);
  border: 1px solid #7D9AB9;
  border-top: 0px;
  font-family: Arial, Helvetica, sans-serif; 
  background-color:#E7EFF5;
  color: #000;
  margin-right: 1%;
  margin-left: 1%;
  border-collapse: collapse;
  height: 23px;
}


div.ipcStatusBarInHeader table.ipcConflictStatusbar {
  font-family: Arial, Helvetica, sans-serif; 
  background-color:  #FFCC33;
}


div.ipcStatusBarInCstic table.ipcConflictStatusbar td{
  padding: 4px 4px 4px 4px;
}

table.ipcStatusbar img{
	vertical-align: middle;
}

table.ipcStatusbar {
  width:100%;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #000;
}

table.ipcStatusbar td{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
}

table.ipcDetailHeader {
  font-family: Arial, Helvetica, sans-serif; 
  /* background-color: #d8e6fa; */
  background-image: url(../../../ipc/mimes/images/nova/tableToolbar.gif);
  border-bottom: 1px solid #9FB1C1;
  width:100%;
  margin: 0;
  height: 27px;
}



table.ipcDetailHeader td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  padding: 3px 0px 0px 0px;

}

div.ipcStatusBarInCstic table.ipcDetailStatusbar {
  background-image: url(../../../ipc/mimes/images/nova/areabox-1.gif);
  border: 1px solid #7D9AB9;
  border-top: 0px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #000;
  margin-right: 1%;
  margin-left: 1%;
  border-collapse: collapse;
  height: 23px;
}

div.ipcStatusBarInCstic table.ipcDetailStatusbar td{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
}

div.ipcStatusBarInCstic table.ipcDetailStatusbar td.csticName {
  font-weight: bold;
}

table.ipcDetailBody {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;  
  color: #000;
  background-color: #FFFFFF;
  border-left: 1px solid #9FB1C1;
  border-right: 1px solid #9FB1C1;
  margin-right: 1%;
  margin-left: 1%;
  border-collapse: collapse;
}
table.ipcDetailBody td{
  padding: 0px 2px 0px 2px;
}
table.ipcDetailBody td.bottom{
  border-bottom: 1px solid #9FB1C1;
  padding: 0px 2px 0px 2px;
}

table.ipcDetailBody th{
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid #d0dde6;
}

table.LineNavTabOrganizer { 
  background: none #F0F4FA;
  border-top: 2px solid #81ABF2; 
} 

table.ipcMessageCsticBar {
  font-family: Arial, Helvetica, sans-serif; 
  color: #000;
  border-bottom: 2px solid #81ABF2;
}

table.ipcMessageCsticBar td.csticName {
  font-weight: bold;
}

table.ipcMessageCsticInfo{
  border-collapse:collapse;
  border: 2px solid #329200;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: left;
}
table.ipcMessageCsticError{
  border-collapse:collapse;
  border: 2px solid #CC0000;
  margin-bottom: 5px;
  margin-top: 5px;  
  text-align: left;
}
table.ipcMessageCsticWarning{
  border-collapse:collapse;
  border: 2px solid #FF6600;
  margin-bottom: 5px;
  margin-top: 5px;  
  text-align: left;
}

td.ipcMessageCsticLabel{
  border: 0px solid red;
  width: 15em;
  padding-right: 4px;
  text-align: left; 
  white-space: nowrap; 
  vertical-align: top;
}
td.ipcMessageCsticLabel img {
  vertical-align: middle;
  display:inline;
}
td.ipcMessageCsticMessageText{
  border: 0px solid red;
  padding-right: 4px;
  text-align: left; 
  white-space: nowrap; 
  vertical-align: top;
}

table.ipcCharacteristicBarConflict {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  background-color:#FFCC33;
  border: 0px
}

table.ipcCharacteristicBarConflict td.csticName {
  font-weight: bold;
}

table.ipcProductVariants{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: normal;
  color: #000;
  caption-side:bottom;
  border-collapse: collapse;
  border: 1px solid #7D9AB9; 
  border-top: 1px solid #7D9AB9;
  background-color: transparent;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.ipcProductVariants input{
	height: 13px;
}


table.ipcProductVariants th{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: normal;
  width: auto;
  border-right: 1px solid #7D9AB9;
  border-bottom: 1px solid #7D9AB9;
  text-align: left;
  background-color: #DFE3E7;
  padding: 3px;
}


table.ipcProductVariants td {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  border-bottom: 1px solid #7D9AB9;   
  background: none #ffffff;
  padding: 3px;
  text-align: left;
}
table.ipcProductVariants td.compare {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  background: none #ffffff;
  text-align: center;
}

table.ipcProductVariants td.action {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  background: none #ffffff;
  text-align: left;
}

table.ipcProductVariants td.action a:link, table.ipcProductVariants td.action a:visited{
  color: #3665D0;
}
table.ipcProductVariants td.action a:hover{
  color: #5280E9;
  text-decoration: underline;
}

table.ipcProductVariants td.price {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif; 
  background: none #ffffff;
  text-align: right;
}

td.compareBtn {
  padding: 4px 0px 4px 0px;
}

table.ipcProductVariants a:link, table.ipcProductVariants a:visited {
  color: #000;
}

table.ipcHeaderButtons {
  font-family: Arial, Helvetica, sans-serif; 
  border-collapse: collapse;
  height: 19px;
}

table.ipcHeader {
  font-family: Arial, Helvetica, sans-serif; 
  width:100%;
  border-collapse: collapse;
}

table.ipcHeader th {
  font-family: Arial, Helvetica, sans-serif; 
  font-weight:bold;
  font-size: small;
  border-collapse: collapse;
}
table.ipcHeader td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  border-collapse: collapse;

  /* border-collapse:collapse; */
}
table.novaHeader {
  background-image: url(../../../ipc/mimes/images/nova/tableToolbar.gif);
  border-bottom: 1px solid #9FB1C1;
  width: 100%;
  border-collapse: collapse;
}

table.ipcHeader td.productPicture {
  text-align: left;
}
table.ipcHeaderButtons td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  border-collapse:collapse;
  padding: 3px 0px 0px 0px;
}

table.ipcCharacteristicsTable{
  border-collapse:collapse;
  margin:0;
  padding-top:0px;
}

table.ipcCharacteristicGroupTable{
  border-collapse:collapse;
  margin:0;
  padding-top:0px;
}

table.ipcMessages {
  font-size: 11px;
}
td.messageIcon {
  width: 14px;
  vertical-align: middle;
}
td.messageKey {
  font-size: 11px;
  white-space:nowrap;
  text-align:left;
}
td.messageShortText {
  text-align:left;
}
td.messageLongText {
}

table.ipcConfigComparisonHidden td.featureRow{
  text-align: right;
}  

table.ipcConfigComparisonHidden td.messageRow{
  text-align: center;
}  

table.ipcConfigComparisonHidden a:link, table.ipcConfigComparison a:visited {
}  

table.ipcConfigComparison{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #000;
  caption-side:bottom;
  border-collapse: collapse;
  border: 1px solid #7D9AB9;       
  background-color: transparent;
  text-align: left;
}

table.ipcConfigComparison th{
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  width: auto;
  color: #000;
  text-align: center;
  background-color: #DFE3E7;
  border-right: 1px solid #7D9AB9;     
  padding: 3px;
}

table.ipcConfigComparison th.statusIcon {
  width: auto;   
  text-align: center;
}

table.ipcConfigComparison th.applySnapLine {
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  text-align: center;
  font-weight: normal;
  background-color: #DFE3E7;
  border-right: 1px solid #7D9AB9;     
  padding: 3px;
}

table.ipcConfigComparison th.applySnapLine a:link, table.ipcConfigComparison a:visited {
  color: #3665D0;
  background-color: #DFE3E7;
  border: none;
  padding:0px;  
}

table.ipcConfigComparison th.applySnapLine a:hover {
  color: #5280E9;
  background-color: #DFE3E7;
  border: none;
  text-decoration: underline;
  padding:0px;  
}

table.ipcConfigComparison th.statusIconApplySnapLine {
  width: auto;
  border-right: 1px solid #7D9AB9;       
  text-align: center;
  background-color: #DFE3E7;
}

table.ipcConfigComparison th.secondLine {
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  border-bottom: 1px solid #7D9AB9;      
  text-align: center;
  font-weight: normal;
  background-color: #DFE3E7;
}

table.ipcConfigComparison th.statusIconSecondLine {
  width: auto;
  border-bottom: 1px solid #7D9AB9;     
  border-right: 1px solid #7D9AB9;      
  text-align: center;
  background-color: #DFE3E7;
}

table.ipcConfigComparison td {
  border-bottom: 1px solid #7D9AB9;
  background: none #ffffff;
  padding: 3px; 
}

table.ipcConfigComparison td.configObjects {
  border-bottom: 1px solid #7D9AB9; 
  background: none #ffffff;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;  
  padding-left:2em;
}

table.ipcConfigComparison td.configObjectsProduct {
  border-bottom: 1px solid #7D9AB9;
  background: none #ffffff;
  text-align: left;
  padding: 3px;  
  font-weight: bold;
}

table.ipcConfigComparison td.configObjectsGroup {
  border-bottom: 1px solid #7D9AB9;
  background: none #ffffff;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;  
  padding-left:1em;
}

table.ipcConfigComparison td.statusIcon {
  border-bottom: 1px solid #7D9AB9; 
  text-align: center;
  padding: 3px;
}

table.ipcConfigComparison td.statusIconGroup {
  border-bottom: 1px solid #7D9AB9;
  text-align: center;
  padding: 3px;
}

table.ipcConfigComparison td.deltaGroup {
  border-bottom: 1px solid #7D9AB9;
  background: none #ffffff;  
  padding: 3px;
}

table.ipcConfigComparison td.separatorLine {
  border-bottom: 1px solid #7D9AB9;
   background: none #ffffff;  
}

table.ipcConfigComparison a:link, table.ipcConfigComparison a:visited {
  color: #000;
} 


td.layout {
  font-size: 11px;
  vertical-align: baseline;
}

.ipcComparisonHeader{
	font-weight:bold;
	font-size:11px;
}

.ipcConflictHandlingHeader{
	font-weight:bold;
	font-size:11px;
}

.ipcConflictHandlingValueLayout{

}


table.conflictGroup{
  background-color: #ffffff;

}

table.conflictGroup th{
  font-weight: bold;
  border-bottom: 1px solid #d0dde6;
}

table.conflictGroup td.csticName {
  font-weight: bold;
}

table.ipcAreaFrame{
	font-size: 11px;
	padding:3px;
    width:100%;
}




table.ipcGridTable {
  font-family: Verdana, Geneva, sans-serif;	
  border: 0px;
}

table.ipcGridTable th {
  font-family: Verdana, Geneva, sans-serif;
  background: none #DCE3EC;
  border: 1px solid #C9D7E9;	
}

table.ipcGridTable th.empty{
	background: none #F4F4F4;
	border: 0px;
}

table.ipcGridTable td {
  font-family: Verdana, Geneva, sans-serif;
  background: none #F0F4FA;
  border: 1px solid #C9D7E9;
}

input.editableGrid{
	background: none #FFFFFF;
    border: 1px solid #C9D7E9;
}

input.displayGrid{
	background: none #F0F4FA;
    border: 1px solid #C9D7E9; 
}

img.ipcPageImage{
    margin-bottom: 10px; 
}


div.ipcDynProdPic{
   
}

div.ipcPageImage{
    position:relative;
}

/*----------------------------------------------------*/
/* @media */
/*----------------------------------------------------*/
@media screen {
  img.display-image{
    Display: Inline;
  }
  div.doctab-opener {
    padding-bottom: 5px;
  }
  ul {
    padding-left: 12px;
    margin-left: 5px;
  }
  div.module {
    width: 100%;
/*    border: thin solid #f00; */
  }
  .submitDoc {
    border: 1px solid #d8d9db;
    margin-bottom: 5px;
  }
  .bigCatalogInput, .textInput, textarea {
    border: 1px solid #d8d9db;
  }
}
/* == end: ipc webapp specific styles == */

	/* === start: new IPC styles for tabdesign === */
 
	td.ipcActiveGroupTab                { background: none #f0f4fa; color: #FFFFFF; vertical-align: top; font-weight: bold; border-bottom: none; }
	td.ipcActiveGroupTab a:link         { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
	td.ipcActiveGroupTab a:visited      { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
	td.ipcActiveGroupTab a:hover        { background: none #225A8D; color: #FFFFFF; font-size: 10px;}
	td.ipcActiveGroupTab a:active       { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
	
	td.ipcInactiveGroupTab              { background: none #f0f4fa; vertical-align: top;}
	td.ipcInactiveGroupTab a:link       { color: #000000; text-decoration: underline; font-size: 10px; }
	td.ipcInactiveGroupTab a:visited    { color: #000000; text-decoration: underline; font-size: 10px; }
	td.ipcInactiveGroupTab a:hover      { background: none #DCE3EC; color: #000000; }
	td.ipcInactiveGroupTab a:active     { color: #000000; text-decoration: underline; font-size: 10px; }
 
	/* === end: new IPC styles for tabdesign === */