/* ************************************ */
/* Content: CSS styles i4Portal         */
/* ************************************ */


/* PAGE SETUP */
html {
    overflow-y:scroll;
}

/* background color for the content part of the pages */
Body
{
    background-color: #ffffff;   
    background-repeat:repeat-x;  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px;  
}


/* Container-Pane */
TABLE.Container 
{

    margin: auto;
}

TD.Container 
{
    text-align: -moz-center;
}



/* Content-Pane */
TABLE.ContentBox 
{
    table-layout:fixed;
    width: 960px;
}

/* Left und Right-Pane */  
.LeftFrame 
{
}
    
.LeftFramePic 
{
}

TABLE.Toolbar 
{
    margin-left:20px;
    margin-top:19px;
}
TABLE.Toolbar TD
{
    padding-right:16px;
}

TABLE.Searchbox {
    margin-top:19px;
}

INPUT.SearchTextBox {
    font-size: 12px;
    color:#b0b0b0;
    margin-right: 0px;
    width:113px;
    height: 18px;
    margin-left: 15px;
    border:solid 1px #b0b0b0;    
} 

TD.MainLogo {
    height:80px;
    width:300px;
    vertical-align:top;
    text-align:right;
}


.MenuHead {
padding-bottom:40px;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
}

/* background/border colors for the selected tab */


TABLE.OtherTabsBg {
	margin-left:18px;
	margin-bottom:6px;
	margin-top:0px;		
}

TD.TabBg {
    /*background-color: #E8EDF3;*/
    border-width: 0px;
    color:#38536f;
   
 
}

/* background/border colors for the unselected tabs */
TD.OtherTabsBg {
	border-width: 0px;
	color:#38536f;
	
}

TD.TabSeperator {
	padding-left:10px;	
	padding-right:10px;	
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  17px;
    font-weight: bold;  
	border-width: 0px;
    color:#bababa;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 1px;	
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  17px;
    font-weight: bold;  
	border-width: 0px;
    color:#dc5050;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 1px;			
}

/* style for upper and lower menu-lines*/
.MenuLines
{
	background-color: #38536f;
}

/*style for drop down menu */
.MenuDrop 
{  
  
	/*background-color: #E7EBEF;
	/* #E7EBEF */
}

/* text style for drop-down menu items */
.MenuDropItem {

}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration: none;
    color:#bababa;   
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#bababa;    
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#bababa;    
}

A.OtherTabs:hover   {
    text-decoration:    none;
    color:black;
	text-transform:uppercase;  	
}

A.SelectedTab:link    {
    text-decoration:    none;
    color:#dc5050;
}

A.SelectedTab:visited {
    text-decoration:    none;
    color:#dc5050;
}

A.SelectedTab:active  {
    text-decoration:    none;
    color:#dc5050;
}

A.SelectedTab:hover   {
    text-decoration:    none;
    color:black;
	text-transform:uppercase;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {

}

.MenuShadow {
    height:5px;
    background-image: url(/images/menu-shadow.png); 
}

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#D6E3EF;
}

A.SiteLink:hover    {
    text-decoration:    none;
    color:#D6E3EF;
}

/* style for language-selector in page banner */
.LanguageSelector
{
     font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
}
.LanguageSelector:link	{
	color: #FFFFFF;	
}

.LanguageSelector:visited {
	color: #FFFFFF;
}
.LanguageSelector:hover	{
	color: #D6E3EF;
}

/* GENERAL */
/* style for module design Content Pane */


td.ContentPaneDesign {
    padding-top:37px; 
    padding-right:20px;	
	}

.ModuleHeaderCenter {
	}
	
td.ModuleHeaderCenterEdit {
	padding-bottom: 6px;	
	}	
td.ModuleHeaderCenter  
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight: normal;  
	border-width: 0px;
    color:#dc5050;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:26px;
	padding-bottom: 12px;		
}


td.ModuleContentCenter { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px;
}

.ModuleContentCenter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px;
	}

td.ModuleHeaderLeft {
	}
	
td.ModuleHeaderRight {	
	}
	
td.ModuleContentLeft { 
	}
	
td.ModuleContentCenter {    
	}
	
td.ModuleContentRight {  
	}

td.ModuleFooterLeft 
{
	}
	
td.ModuleFooterCenter {   
	}
	
td.ModuleFooterRight { 	
	}

.ModuleContentListLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;    
    font-size:  13px;    
    height: 27px;
    color: #000000;
	background-image: url(/images/list-center-bg.gif);
	background-repeat:repeat-x;  
	padding-left: 4px;	
	}

div.ModuleHeaderCenter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #38536f;
    line-height: 20px; 
    padding-top: 5px;
    padding-bottom: 16px; 	
}

/* style for module design Left and Right Pane */

td.LeftPaneDesign {
    width: 300px;   	
	}

td.LeftPaneDesign .ModuleHeaderCenter {
    border-top: solid 1px #d9d9d9;
    padding-bottom: 6px;    	
	}


td.LeftPaneDesign .ModuleContentCenter {
     font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    line-height: 13px;
    color: #000000;
	}


td.LeftPaneDesign .ModuleContentListLeft {
     font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    height: 27px;
    color: #000000;
	background-image: url(/images/list-bg.gif); 
	margin: 3px;
	vertical-align:top;
	border-bottom: 1px solid #acbacc;
	padding-top:5px;
	padding-bottom:5px;
    font-weight: normal;	
	}

td.LeftPaneDesign td.ModuleHeaderLeft {
	width:0px;
	}
	
td.LeftPaneDesign td.ModuleHeaderCenter {
	width:260px;
	}
	
td.LeftPaneDesign td.ModuleHeaderRight {
	width:20px;
	}
	
td.LeftPaneDesign td.ModuleContentLeft, td.ColPaneDesign ModuleContentLeft {
	width:0px;	
	}
	
td.LeftPaneDesign .ModuleContentCenter {
	width:260px;	
	}
	
td.LeftPaneDesign td.ModuleContentRight, td.ColPaneDesign ModuleContentRight {
	width:20px;	
	}

td.LeftPaneDesign td.ModuleFooterLeft {
	width:0px;	
	}
	
td.LeftPaneDesign td.ModuleFooterCenter {
    border-bottom: solid 1px #d9d9d9;
    padding-top: 7px;      
	}
	
td.LeftPaneDesign td.ModuleFooterCenter {
}
		
td.LeftPaneDesign td.ModuleFooterRight {
	width:20px;	
	}

/* Breadcrumbs */

td.Breadcrumbs {
    font-size: 10px;
    display:inline-block;
    line-height:13px;
    padding-left: 12px;
    padding-top:40px;
    padding-bottom: 7px;    
	}

td.BreadcrumbsContent {
    font-size: 10px;
    line-height:20px;
    vertical-align:top;
	}	
	
A.Breadcrumbs {
    font-size: 10px;
    
    color: #b0b0b0;
	}

A.Breadcrumbs:link {
    text-decoration: none;
    color: #b0b0b0;
}

A.Breadcrumbs:visited {
    text-decoration: none;
    color: #b0b0b0;
}

A.Breadcrumbs:active {
    text-decoration: none;
    color: #dc5050;
}

A.Breadcrumbs:hover {
    text-decoration: none;
    color: #000000;   
}


/* GENERIC */
H1  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #666644;
}

H2  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  22px;
    line-height: 24px;
    font-weight: normal;  
	letter-spacing: 1px;
	text-transform: uppercase;
    color:#7e7e7e;
    display: block;
    margin-bottom: 6px;

}

H3  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  16px;
    line-height: 18px;
    font-weight: normal;  
	letter-spacing: 1px;
	text-transform: uppercase;
    color:#7e7e7e;
    display: block;
    margin-bottom: 6px;
}

H4  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    line-height: 15px;
    font-weight: normal;  
	letter-spacing: 1px;
	text-transform: uppercase;
    color:#7e7e7e;
    display: block;
    margin-bottom: 6px;
}

H5, DT  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #38536f;
}

H6  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #38536f;
}

TFOOT, THEAD    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    color: #38536f;
}

TD {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px; 
}

TH  {
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #38536f;
}

A:link  {
    text-decoration: underline;
    color: #7e7e7e;
}

A:visited   {
    text-decoration: underline;
    color: #7e7e7e;
}

A:active    {
    text-decoration: underline;
    color: black;
}

A:hover {
    text-decoration: underline;
    color: black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  13px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

UL {
 margin:0;
 padding:0;
 margin-left:16px;  
}

UL LI   {
    list-style-type:    square ; 
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #879db7;
    height:1px;
    text-align:left
}


INPUT
{ 
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    COLOR: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

CHECKBOX
{
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    font-family: Arial, Helvetica, sans-serif;
}

input.CHECKBOX2
{
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    font-family: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ff00ff;   
}

SELECT
{
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    font-family: Arial, Helvetica, sans-serif;
}

TEXTAREA
{
    border:  #879db7 1px solid;
    FONT-SIZE: 13px;
    COLOR: #000000;
    font-family: Arial, Helvetica, sans-serif;
}    


/* text style used for most text rendered by modules */
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #38536f;
    line-height: 16px
/*    bsa: #38536f */
/*    intranet: #496886; */
}

.SubHead    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #38536f;
}

.normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px;
}

.normalbold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: bold; 
    color:#7e7e7e;
    line-height: 18px;
	letter-spacing: 1px;
}

.klein
{
    font-size: 10px;
    line-height: 12px;  
}

/* Moduls */

.documents_table
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #000000;
   background-color: #e4f0ff;
   border-top: #ffffff 1px solid;
}

.documents
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   background-image:url('/images/list-background_alternate.gif');
   background-color: #f2f8ff;      
   padding-top: 3px;
   padding-bottom: 3px;
   vertical-align: top;
   font-weight: normal; 
}


.formback  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: bold;    
    background-color:#ffffff;
    color:#000000;
}

.formcontent  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding-top:18px;
}


DIV.formback {
    background-color:#f3f3f3;
    border: 1px solid #d9d9d9;
    padding:18px;
}

DIV.formbackBlank {
    background-color:#ffffff;
    border: 1px solid #d9d9d9;
    padding:18px;
}

.formline  {

}

.form	
{
	border-style:solid;
    border-color:#d9d9d9;
    border-width: 1px;
}

TEXTAREA.Form {
	color: #7e7e7e;
	font-size: 12px;
	padding:4px;
}


INPUT.Form {
	width:218px;
	color: #7e7e7e;
	font-size: 12px;
}


/* Edit-Page Settings */

.loginhead
{
    color:#000000;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 13px;
	text-transform:uppercase;     
    text-align: center;
}

.logintext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
    color:#7e7e7e;
    line-height: 18px;
    padding-left: 12px;   
}

.loginbutton
{
    font-size: 12px;
    color: #b0b0b0;
    margin-right: 0px;
    width: 113px;
    height: 18px;
    margin-left: 15px;
    border: solid 1px #b0b0b0;  
}


.ModuleEditPage
{ 
	margin-left: 20px;
	margin-top: 20px;
}
	
.editContainer {
    margin-left: 0px;
    width:805px;
}

.editLeft {
    float: left;
    width: 150px;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 15px;  
}

.editRight {
    float: right;
    width: 650px; 
    text-align: left;
    margin-top: 8px;
    margin-bottom: 15px;
} 

.editLine {
    clear: both;
    border-bottom: solid 1px #879db7;    
}	

.Warning
{
   FONT-SIZE: 13px;
   COLOR: #FF0000; 
   font-family: Arial, Helvetica, sans-serif;
}

/* style for module titles cell */
.ModuleTitleCell	{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;    
    text-transform: uppercase;
    line-height:18px;
    background-color:#D5D8DB;
	/* start intranet only */
	border-bottom-style: solid;
	border-bottom-color: #CAD1E1;
	border-bottom-width: 1px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#D5D8DB, EndColorStr=#FFFFFF)
	/* end intranet only */    
}

TD.TabSelected
{
	border-left: none 0;
	/*border-right: solid 1 #7f7f7f;*/
	border-right: none 0;
	border-top: none 0;
	border-bottom: none 0;	
	background-image: url(/images/custom/mnu-register_active.png);
	padding-left: 5px;
}

TD.TabOther
{
	/*border-left: solid 1 #7f7f7f;
	border-right: solid 1 #7f7f7f;
	border-top: solid 1 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	*/
	border-left: none 0;
	border-right: none 0;
	border-top: none 0;
	border-bottom: none 0;	
	background-image: url(/images/custom/mnu-register_deactive.png);
	padding-left: 6px;	
}

TD.TabSpace
{
	background-color: Transparent;
	/*border-left: none 0 #7f7f7f;
	border-right: none 0 #7f7f7f;
	border-top: none 0 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;*/
	border-left: none 0;
	border-right: none 0;
	border-top: none 0;
	border-bottom: none 0;
	background-image: url(/images/custom/mnu-register-sep_bg.gif);
}

TD.TabSpaceSelected
{
	background-color: Transparent;
	border-left: none 0;
	border-right: none 0;
	border-top: none 0;
	border-bottom: none 0;	
	/*border-bottom: solid 1 #7f7f7f;	*/
	background-image: url(/images/custom/mnu-register-sep_active.png)
}

TD.TabSpaceOther
{
	background-color: Transparent;
	/*border-left: none 0 #7f7f7f;
	border-right: none 0 #7f7f7f;
	border-top: none 0 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	*/
	border-left: none 0;
	border-right: none 0;
	border-top: none 0;
	border-bottom: none 0;	
	background-image: url(/images/custom/mnu-register-sep_deactive.png)
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommandButtonTitle     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;    
}

.ListHeadJob
{
    background-color: #bbd4f7;
}

.ListHead
{
    background-image: url(/images/custom/box-content-bg.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: normal;
    color: #496886;
}

.ListContentTable
{
    background-image: url(/images/custom/box-content-bg.gif);
    border-bottom: solid 1px #FFFFFF;
}

.ListContentLeft, .ListContentRight
{
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
}

.ListContentRight
{
    padding-left: 0px;
    padding-right: 5px;
    font-weight: normal;
}

.ListContentRightBottom, .ListContentLeftBottom
{
    padding-left: 0px;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: normal;
    color: #000000;
    /*border-bottom: solid 1px #ffffff;*/
    vertical-align: top;
}

.ListContentLeftBottom
{
    padding-left: 5px;
    padding-right: 0px;
    font-weight: bold;
}

.ListHeadTitle
{
    background-color: #bbd4f7;
    font-size: 13px;
    font-weight: bold;
    color: #38536f;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    border-bottom: none 1px #ffffff;
    border-top: solid 1px #ffffff;
    height: 15px;
}

.ListHead_DataGrid
{
    background-image: url(/images/custom/box-content-bg.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: normal;
    color: #496886;
    padding-left: 5px;
}


Div.FeedRightPane, Div.FeedRightPane TABLE {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: normal;
    color: #000000;
}

.editContainer {
    margin-left: 100px;
    width:805px;
    margin-top:30px;    
}

.editPageLayout {
    padding-bottom:8px;
    padding-right: 8px;
}

A.QuickNav {
    font-size:  12px;
	letter-spacing: 1px;
    color:#b0b0b0;	
	text-transform: uppercase;	
	text-decoration: none;	
}

A.QuickNavSub {
    font-size:  12px;
	letter-spacing: 0px;
    color:#b0b0b0;	
	text-transform: none;	
	text-decoration: none;	
}

A.QuickNavSub:link , A.QuickNavSub:visited {
    text-decoration: none;
    color:#b0b0b0;
}


A.QuickNavSub:active, A.QuickNavSub:hover {
    text-decoration: none;
    color:#000000;
}

A.QuickNavActive {
    font-size: 12px;
    color:#dc5050;	
	letter-spacing: 1px;
	text-transform: uppercase;
    text-decoration: none;	   
}

A.QuickNav:link , A.QuickNav:visited {
    text-decoration: none;
    color:#b0b0b0;
}

A.QuickNavActive:link , A.QuickNavActive:visited {
    text-decoration: none;
    color:#dc5050;	    
}

A.QuickNav:active, A.QuickNav:hover, A.QuickNavActive:active, A.QuickNavActive:hover {
    text-decoration: none;
    color:#000000;
}

TD.QuickNav {
	padding-left: 12px;
 
}

A.FooterLinks {
    font-size: 12px;
    color:#b0b0b0;
	text-transform: uppercase;
    text-decoration: none;	
    margin-right: 15px;
}
A.FooterLinks:link , A.FooterLinks:visited {
    color:#b0b0b0;
    text-decoration: none;	    
}

A.FooterLinks:active , A.FooterLinks:hover {
    color:#000000;
    text-decoration: none;	    
}

TD.EditButton {
    padding-right: 6px;
}