/* === Folder IPC ======================================== */

/*-- component styles --*/
/* The component styles are a copy of /ipc/mimes/shared/style/stylesheet.css, */
/* which is the stylesheet for the ipc web application.                       */
/* However they cannot be declared in the shared stylesheet                   */
/* /ipc/ipc/mimes/style/stylesheet.css since the components are different in  */
/* b2c.                                                                       */
#configheader { position:absolute;  
   top:0px;  
   height:40px; 
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}

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

#configmessages { position:absolute;  
   top:70px;  
   height:30px; 
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}

#instances { position:absolute;  
   top:100px;  
   height:320px; 
   width:25%;
   left:0px;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}

#mfatabarea { position:absolute;  
   top:100px;  
   height:20px; 
   left:75%;
   width:25%;
   margin:0px;
   border:0px solid #EE0000;
}

#multifunctionalarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:75%;
   width:25%;
   margin:0px;
   border:0px solid #C9D7E9;
   background: none #F0F4FA;
   overflow:auto;
}

/* style definitions for different combinations */
/* | instances area      | multifunctional area | characteristic groups |  grouptabarea style, workarea style           | */

/* |         0           |          0           |          0            | n.a., singlelevelworkarea                     | */
/* |         0           |          0           |          1            | singlegrouptabarea, singlegroupworkarea       | */
/* |         0           |          1           |          0            | n.a., singlelevelmfaworkarea                  | */
/* |         0           |          1           |          1            | singlemfagrouptabarea, singlegroupmfaworkarea | */
/* |         1           |          0           |          0            | n.a., multilevelworkarea                      | */
/* |         1           |          0           |          1            | multigrouptabarea, multigroupworkarea         | */
/* |         1           |          1           |          0            | n.a., multilevelmfaworkarea                   | */
/* |         1           |          1           |          1            | multimfagrouptabarea, multigroupmfaworkarea   | */


#singlelevelworkarea { position:absolute;  
   top:100px;  
   height:320px; 
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#singlegrouptabarea { position:absolute;  
   top:100px;  
   height:20px; 
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}
#singlegroupworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#singlelevelmfaworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:0px;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#singlemfagrouptabarea { position:absolute;  
   top:100px;  
   height:20px; 
   left:0px;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
}#singlegroupmfaworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:0px;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}

#multilevelworkarea { position:absolute;  
   top:100px;  
   height:320px; 
   width:75%;
   left:25%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#multigrouptabarea { position:absolute;  
   top:100px;  
   height:20px; 
   left:25%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
}#multigroupworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   width:75%;
   left:25%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#multilevelmfaworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}
#multimfagrouptabarea { position:absolute;  
   top:100px;  
   height:20px; 
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
}#multigroupmfaworkarea { position:absolute;  
   top:120px;  
   height:300px; 
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:auto;
}

/* == start: ipc webapp specific styles == */


body.ipcBody    {
  color: #000;
  background: none #F4F4F4;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;  
  padding: 0px;
  margin-left: -1px;
  margin-top: -1px;
  font-size: 60%;
}

input {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10px;
}

input.ipcButton {   
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #fff;
    border:1px solid silver; 
    background: none #21598C;
    font-weight: bold;
  }

td.systemAssigned {
  font-style: italic;
  margin: 0px; 
  padding:0px;
  vertical-align: middle;      
}

table.ipc {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  text-align: left;
  vertical-align: top;
  color: #000;
}

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

tr.ipcValue { 
  font-size: 10px;
  margin: 0px; 
  padding:0px;
}

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

table.ipcCharacteristicBar {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  background: none #DCE3EC;
  color: #000;
  border: 0px
}

td.ipcConflict{ background-color: #FFCC33; font-size: 10px; }

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

.ipcAreaFrame{
	font-size: 10px;
	border:0px solid #FFFFFF;
	padding:3px;
}

.ipcAreaFrame ul {
	font-size: 10px;
	padding-left: 0px;
	margin-left: 15px;
}

/* == end: ipc webapp specific styles == */

	/* === start: new IPC styles for tabdesign === */

td.ipcActiveTab                     { background: none #225A8D; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; }
td.ipcActiveTab a:link              { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
td.ipcActiveTab a:visited           { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
td.ipcActiveTab a:hover             { background: none #225A8D; color: #FFFFFF;}
td.ipcActiveTab a:active            { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}

td.ipcInactiveTab                   { background: none #DCE3EC; vertical-align: middle;}
td.ipcInactiveTab a:link            { font-family: Verdana, Geneva, sans-serif; color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveTab a:visited         { font-family: Verdana, Geneva, sans-serif; color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveTab a:hover           { }
td.ipcInactiveTab a:active          { font-family: Verdana, Geneva, sans-serif; color: #000000; text-decoration: underline; font-size: 10px; }

td.ipcActiveGroupTab                { background: none #225A8D; color: #FFFFFF; vertical-align: middle; 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;}
td.ipcActiveGroupTab a:active       { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}

td.ipcInactiveGroupTab              { background: none #DCE3EC; vertical-align: middle;}
td.ipcInactiveGroupTab a:link       { font-family: Verdana, Geneva, sans-serif; color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveGroupTab a:visited    { font-family: Verdana, Geneva, sans-serif;color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveGroupTab a:hover      { }
td.ipcInactiveGroupTab a:active     { font-family: Verdana, Geneva, sans-serif; color: #000000; text-decoration: underline; font-size: 10px; }  

td.ipcConflictGroupTab              { background: none #FFCC33; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; }
td.ipcConflictGroupTab a:link       { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
td.ipcConflictGroupTab a:visited    { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}
td.ipcConflictGroupTab a:hover      { background: none #FFCC33; color: #FFFFFF;}
td.ipcConflictGroupTab a:active     { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10px;}

td.ipcTabScroll                     { background: none #F0F4FA; vertical-align: middle; border-bottom: none; }
td.ipcTabScroll a:link              { }
td.ipcTabScroll a:visited           { }
td.ipcTabScroll a:hover             { background: none #F0F4FA; }
td.ipcTabScroll a:active            { }
	/* === end: new IPC styles for tabdesign === */