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


/* PAGE SETUP */

/* background color for the content part of the pages */

Body
{
    background-color: #dbdbdb;   
    /*background: url(/images/background.gif);*/
    background-repeat:repeat-x;
    font-family: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    line-height:16px;
    color:#000000;
/* 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #cccccc;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #7B7B7B;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #222222;
    SCROLLBAR-BASE-COLOR: #ECECEC; */
}

.ContentDiv 
{
    margin-left:auto;
    margin-right:auto;
    width:1010px; 
}    


/* Content-Pane */
.ContentFrame 
{
    /*background-image: url(/images/background-swosh.png);  */
    background-color:#FFFFFF;
   
}

.ContentPane 
{
    /*background-image: url(/images/background-swosh.png);  */
    background-color:#FFFFFF;
}

/* Left und Right-Pane */  
.LeftFrame 
{
    background-image: url(/images/background-pane.png);
}
    
.LeftFramePic 
{
    background-image: url(/images/background-leftpane.png);
}


/* 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: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    color: #ffffff;
}

/* background/border colors for the selected tab */
TD.TabBg {
    /*background-color: #E8EDF3;*/
    border-width: 0px;
    background-color: #c9d4db;
    color:#33434c;
}

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


/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight: normal;  
	border-width: 0px;
    color:#F9370A;
	text-decoration:none;
	text-transform: uppercase;
	background-color: #FFFFFF;
	padding-left:4px;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;		
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;   
    font-weight: normal;  
	border-width: 0px;
    color:#38536f;
	text-decoration:none;
	text-transform: uppercase;
	background-color: #c9d4db;
	padding-left:4px;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;		
}

/* 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 {
	text-decoration: none;
	text-transform:none;	

}

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

A.OtherTabs:visited {
    text-decoration:    none;
    color:#38536f;
	background-color: #c9d4db;     
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#38536f;
	background-color: #c9d4db;    
}

A.OtherTabs:hover   {
    text-decoration:    none;
    color:#F9370A;
	text-transform:uppercase;  
	background-color: #FFFFFF;	
}

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

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

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

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

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
	text-transform: uppercase;    
    color:#38536f;
    /*padding-right:17px;*/
}

.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: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    color: #FFFFFF;
}
.LanguageSelector:link	{
	color: #FFFFFF;	
}

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

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

td.ModuleHeader_lp, td.ModuleHeader_rp 
{  
    font-family: Gill Sans MT, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #334343;
    line-height: 20px; 
    padding-left: 5px;
    padding-bottom: 3px; 
    padding-top: 3px;
    background-color:#53d9fa;
}

td.ModuleContent_lp, td.ModuleContent_rp
{
    background-color:#dff4fa;
    font-family: Verdana, Sans-Serif;
    font-size:  11px;
    font-weight: normal;
    color: #000000;
}

td.ModuleHeaderCenter , .ModuleHeaderCenter  
{
	background-image: none;
    background-color: Transparent;   	
	}
	
	
td.ModuleHeaderCenter  
{
    font-family: Gill Sans MT, Sans-Serif;
    font-size: 30px;
    font-weight: bold;
    color: #f9370a;
    line-height: 30px; 
    padding-left: 0px;
    padding-bottom: 16px; 	
}


td.ModuleContentCenter, 
{
    background-image: none;
    background-color: Transparent;    
    font-family: Verdana, Sans-Serif;
    font-size:  11px;
    font-weight: normal;
    color: #000000;    
	}

.ModuleContentCenter 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    line-height: 13px;
    color: #000000;
	padding: 0px;    
	}



ModuleHeaderCenter  
{
	background-image: none;
    background-color: Transparent;     	
	}

td.ModuleHeaderLeft 
{
	background-image: none;
    background-color: Transparent;
	}
	
td.ModuleHeaderRight 
{	
	background-image: none;	
    background-color: Transparent;    
	}
	
td.ModuleContentLeft
{
	background-image: none;
    background-color: Transparent;    
	}
	
td.ModuleContentCenter 
{
	background-image: none;
    background-color: Transparent;
	padding-left: 0px;     
      
	}
	
td.ModuleContentRight
{
	background-image: none;
    background-color: Transparent;    
	}

td.ModuleFooterLeft 
{
	background-image: none;
    background-color: Transparent;    
	}
	
td.ModuleFooterCenter 
{
	background-image: none;
    background-color: Transparent;    
	}
	
td.ModuleFooterRight 
{
	background-image: none;
    background-color: Transparent;    	
	}

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

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

td.ColPaneDesign .ModuleHeaderCenter 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight: bold;
    color: #38536f;
	padding-left: 6px;
	padding-right: 6px;	
    padding-top: 2px;
    padding-bottom: 0px;
     	
	}

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


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

td.ColPaneDesign td.ModuleHeaderLeft 
{
	width:4px;
	height: 29px;
	background-image: url(/images/header_left.png);
	}
	
td.ColPaneDesign td.ModuleHeaderCenter 
{
	height: 29px;
	background-image: url(/images/header_center.png);
    vertical-align:middle; 	
	}
	
td.ColPaneDesign td.ModuleHeaderRight 
{
	width: 6px;
	height: 7px;
	background-image: url(/images/header_right.png);	
	}
	
td.ColPaneDesign td.ModuleContentLeft, td.ColPaneDesign ModuleContentLeft 
{
	width: 4px;
	background-image: url(/images/content_left.png);
	padding-left: 0px;	
	}
	
td.ColPaneDesign .ModuleContentCenter 
{
	background-color: #ffffff;
    padding: 4px;	
	}
	
td.ColPaneDesign td.ModuleContentRight, td.ColPaneDesign ModuleContentRight 
{
	width: 6px;
	background-image: url(/images/content_right.png);	
	}

td.ColPaneDesign td.ModuleFooterLeft 
{
	width: 4px;
	height: 7px;
	background-image: url(/images/footer_left.png);	
	}
	
td.ColPaneDesign td.ModuleFooterCenter 
{
    width: inherit;
	height: 7px;
	background-image: url(/images/footer_center.png);
	}
	
td.ColPaneDesign td.ModuleFooterRight 
{
	width: 6px;
	height: 7px;
	background-image: url(/images/footer_right.png);	
	}

/* Breadcrumbs */

td.Breadcrumbs 
{
    height: 15px;
    vertical-align: top;
    padding-left: 0px;
    padding-bottom: 15px;
	}

A.Breadcrumbs 
{
    color: #38536f;
	}

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

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

A.Breadcrumbs:active  {
    text-decoration: underline;
    color: #38536f;
}

A.Breadcrumbs:hover   {
    text-decoration: underline;
    color: #38536f;   
}


/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    font-weight: normal;
    color: #666644;
}

H2  {
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    normal;
    color: #496886;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    normal;
    color: #38536f;
}

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

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

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

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

A:link  
{
    text-decoration:    none;
    color:  #33434c;
}

A:visited   {
    text-decoration:    none;
    color:  #33434c;
}

A:active    {
    text-decoration:    none;
    color:  #33434c;
}

A:hover {
    text-decoration:    underline;
    color:  #33434c;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  13px;
}

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


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: 11px;
    COLOR: #000000;
    font-family: Verdana, Helvetica, sans-serif;
}

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

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

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

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


/* text style used for most text rendered by modules */
.normal
{
    font-family: Verdana, Sans-Serif;
    font-size:  11px;
    font-weight: normal;
    color: #000000;
}

.normalbold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: bold;
    color: #000000;
}

/* Moduls */

.documents_table
{
   font-family: Verdana, Helvetica, sans-serif;
   FONT-SIZE: 11px;
   font-weight: bold;
   color: #000000;
   background-color: #e4f0ff;
   border-top: #ffffff 1px solid;	  
}

.documents
{
   font-family: Verdana, Helvetica, sans-serif;
   FONT-SIZE: 11px;
   /*background-image:url('/images/list-background_alternate.gif');*/
   background-color: #dff4fa;      
   padding-top: 5px;
   padding-bottom:5px;
   vertical-align: top;
   font-weight: normal; 
  
}

/* Forms */

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

.formcontent  {
    font-family: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color:#e8f2ff;
    color:#000000;
}

.formline  {
    background-color:#d7e8ff;
}

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


/* Edit-Page Settings */

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

.logintext
{
    COLOR: #000000;
    font-family: Verdana, Helvetica, sans-serif;      
    FONT-SIZE: 11px;
}

.loginbutton
{
    border-left: 1px solid #80868B;
    border-top: 1px solid #80868B;
    border-right: 1px solid #80868B;
    border-bottom: 1px solid #80868B;            
    FONT-SIZE: 11px;
    COLOR: #5D5D5A;
    font-family: Verdana, Helvetica, sans-serif;
}


.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 #bad5ff;    
}	
	
	
	
	

.Warning
{
   FONT-SIZE: 11px;
   COLOR: #FF0000; 
   font-family: Verdana, Helvetica, sans-serif;

}








/* style for module titles cell */
.ModuleTitleCell	{
    font-family: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    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: solid 1 #7f7f7f;
	border-right: solid 1 #7f7f7f;
	border-top: solid 1 #7f7f7f;
	border-bottom: none 0;	
}

TD.TabOther
{
	border-left: solid 1 #7f7f7f;
	border-right: solid 1 #7f7f7f;
	border-top: solid 1 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	
}

TD.TabSpace
{
	background-color: #ffffff;
	border-left: none 0 #7f7f7f;
	border-right: none 0 #7f7f7f;
	border-top: none 0 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	
}