/******************************************************************************/
/* Epoline specific styles                                                    */
/*                                                                            */
/* Author: Chris Wood                                                         */
/* (From the original WPS 5.1 version by Marcel Dullaart, Chris Wood and      */
/*  many others)                                                              */
/*                                                                            */
/******************************************************************************/

/*<group=Global Tags>*/

td { /*valid for all table cells*/
margin: 0px;
padding: 0px;
white-space: nowrap;
empty-cells:show;
}

img { /*valid for all images by another class or id*/
border: 0px;
}

a, a:visited { /* valid for all links if not overwritten by another class or id*/
color: #262626;
text-decoration: none;
}

a:hover { /*global mouseover style for links*/
color: #262626;
text-decoration: underline;
}

a.colorLightGrey { /* grey color for links used in the meta navigation on dark background */
color: #E6E6E6;
}

a.colorBlue, a:visited.colorBlue { /* blue color for links used mainly on the website and on data displays*/  
color: #0000FF;
}

/* form {
margin: 0px;
padding:0px;
} */
	
/*</group>*/

/*<group=Global Super Classes>*/

/*These classes are defined important 
to resolve conflicts with other  classes or IDs. The classes represent 
often needed vlaues and can be used whenever needed. They are also intended 
to handel exeptions on the GUI.*/

.textSmall { /* used for small text style*/
font-size: 0.86em !important;
font-weight: normal !important;
}

.textBold { /*used for bold text*/
font-weight: bold  !important;
}

.textError { /*used for error indication of labels in forms.*/
color: #8b0000  !important;
}

.textDisabled {
	color: #7D7D7D !important;
}

.epolineLogoText { /*used to format the epoline textual element. */
font-weight: bold  !important;
font-style: italic  !important;
}

.epolineLogoTextBig { /*used to format the epoline textual element in page headers*/
font-size: large;
font-style: italic !important;
font-weight: 600;
}

.colorRed { /*used for indication of the active page or the navigation path in the website navigation*/ 
color: #FE0000  !important;
}

.redText { /* used to show a negative amount */ 
	color: #FF0000  !important;
}

.blueText { /* used to show a positive amount */ 
	color: #0000FF  !important;
}

.colorGrey { /*used for grey text*/
color:#666666 !important;
}

.colorLightGrey { /*used for light grey text in the meta navigation on dark background*/
color: #E6E6E6  !important;
}

.delimiterSolid { /*horizontal solid delimiter used to separate elements, e.g. news on the website*/
border-bottom: 1px solid #666  !important;
padding-bottom: 12px  !important;
}

.delimiterDashed { /*horizontal dashed delimiter used to separate elements*/
border-bottom: 1px dashed #666  !important;
padding-bottom: 12px  !important;
width: 100%  !important;
}

.vdelimiterDashed { /*vertical dashed delimiter used to separate elements*/
border-right: 1px dashed #666  !important;
height: 100%  !important;
}


.floatLeft { 
float: left !important;
}

.floatRight {
float: right !important;
}

.alignCenter {
text-align: center !important;
}

.alignRight {
text-align: right  !important;
}

.alignTop {
vertical-align: top  !important;
}

.alignBottom {
vertical-align: bottom  !important;
}

.width100Percent { /* used for flexible elemts, e.g. resizable tables  */ 
width: 100%  !important;
}

.width50Percent { /* me.Frm-0001 itemlist wide attribute handling */ 
width: 50%  !important;
}

.width33Percent { /* me.Frm-0001 itemlist wide attribute handling  */ 
width: 33%  !important;
}

.width25Percent { /* me.Frm-0001 itemlist wide attribute handling  */ 
width: 25%  !important;
}

.noWrap { /*used if content should not be wrapped, e.g. in table cells*/
white-space: nowrap !important;
}

.wrapContent { /*used if content should be wrapped, e.g. in table cells*/
white-space: normal !important;
}

.bulletList { /*encloses unordered list with bullets, e.g. on website text views*/
line-height: 18px  !important;
list-style-type: square  !important;
}

.visitedLink td a:visited { /*Indicates visited links. Only used when the user searches in large databases and not on a predifined set of items*/ 
color: #7D87A5;
}

.textIndent {
	text-indent: 30px;
}

.verticalAlignMiddle {
vertical-align: middle !important;
}

.solidBorder {
border: 1px #666666 solid;
}
.onlyForPrint { /*show certain elements only when the page is printed*/
display: none;	
}

.linkBlock { /*used for seperated links/linklists with bullets on the website*/
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 10px;
padding-top: 5px;
white-space: normal;
}

.linkBlock a { /*color of links */
color: #0000FF;
}

/*<group=Padding and Margin>*/

/*often used padding and margin values througout epoline*/

.paddingLeft0 {
padding-left: 0px !important;
}

.paddingTop5 {
padding-top: 5px !important;
}

.paddingLeft5 {
padding-left: 5px !important;
}

.paddingLeft10 {
padding-left: 10px !important;
}

.paddingRight10 {
padding-right: 10px !important;
}

.paddingTop10 {
padding-top: 10px !important;
}

.paddingBottom10 {
padding-bottom: 10px !important;
}

.paddingAll10{
padding: 10px  !important;
}

.paddingAll0{
padding: 0px  !important;
}

.paddingAll5 {
padding: 5px  !important;
}

.paddingLeft20 {
padding-left: 20px !important;
}

.paddingRight20 {
padding-right: 20px !important;
}

.paddingTop20 {
padding-top: 20px !important;
}

.paddingBottom20 {
padding-bottom: 20px !important;
}

.paddingAll20{
padding: 20px !important;
}

.marginLeft5 {
margin-left: 5px;
}

.marginRight5 {
margin-right: 5px;
}

.marginLeft20 {
margin-left: 20px  !important;
}

.marginBottom10 {
margin-bottom: 10px  !important;
}

/*</group>*/
	
/*</group>*/

/*<group=Header and Meta Navigation>*/

#header { /*specification of background image (blue gradient)*/
background: url(theme/globalGraphics/headerMiddle.png)
}

#header td.IDheaderLeft { /*specification of background image for left part of header*/
background: url(theme/globalGraphics/headerLeft.png);
width: 180px;
min-height: 74px;
height:auto !important;
height:74px;
vertical-align: bottom
}

#header td.IDheaderMiddleTop {
padding-top: 8px;
padding-left: 20px;
vertical-align: top;
}

#header td.IDheaderRight { /*specification of background image for right part of header*/
background: url(theme/globalGraphics/headerRight.png);
width: 210px;
height: 74px;
vertical-align: bottom
}

/*<group=Small Header>*/

#headerSmall .IDheaderSmallLeft {
background: url(theme/globalGraphics/logoSmall.png);
background-repeat: no-repeat;
width: 60px;
height: 24px;
}

#headerSmall .IDheaderSmallRight {
background-image: url(theme/globalGraphics/epolineLogoSmallHeader.gif);
background-repeat: no-repeat;
background-position: right center;
background-color: #444D6D;
height: 24px;
width: auto;
}
	
/*</group>*/
	
/*</group>*/

/*<group=Services Navigation Bar>*/

#servicesNavigation {
background: #F0F0F0;
border-top: 1px #666666 solid;
border-bottom: 1px #666666 solid;
}

#servicesNavigation td {  
border-right: 1px #666666 solid;
}

#servicesNavigation td a {
line-height: 30px;
display: block;
float:left;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
}

#servicesNavigation td a:hover {
background: #DDDDDD;
color: #40476B;
text-decoration: none;
}

#servicesNavigation a.servicesNavigationFirst { /*correct left padding for non-selected first element in Services Navigation*/
padding-right: 10px;
padding-left: 20px;
}

#servicesNavigation td.IDservicesNavigationSelected { 
background: #DDDDDD;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
font-weight: bold;
}

#servicesNavigation td.IDservicesNavigationSelectedFirst { /*correct left padding for selected first element in Services Navigation*/
background: #DDDDDD;
color: #40476b;
font-weight: bold;
padding-right: 10px;
padding-left: 20px;
}
	
/*</group>*/

/*<group=Subnavigation>*/

#subNavigation {
background: #F0F0F0;
border: 1px #666666 solid;
margin-left: 10px;
margin-right: 10px;
margin-top: 8px;
}

#subNavigation td {  
border-right: 1px #666666 solid;
}

#subNavigation td a {
line-height: 22px;
display: block;
padding-left: 10px;
padding-right: 10px;
float:left;
}

#subNavigation td a:hover {
background: #DDDDDD;
color: #40476B;
text-decoration: none;
}

#subNavigation td.IDsubNavigationSelected {
background: #DDDDDD;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
font-weight: bold;
}
	
/*</group>*/

/*<group=Main Area>*/

/*<group=Website Branding>*/

/* the css for banner graphics used on the website is embedded in the pages. */

#pageHeader { /*Titel displayed on website pages together with the branding image*/
font-family: Arial, sans-serif;
font-size: large;
line-height: 20px;
color: #454F6E;
/*white-space: nowrap; RP, corrects page header title */
/*position: absolute; RP, No absolute position done in a portal
top: 150px;
left: 200px;*/
}
	
/*</group>*/

/*<group=Location Indicator>*/

#locationIndicator { /*displayed on all web application pages below the services navigation and subnavigation if available*/
line-height: 24px;
padding-left: 21px;
padding-right: 21px;
color: #595959;
}
	
/*</group>*/

/*<group=Website Search>*/

#websiteSearch { /*layout of the search field on the website*/
position: absolute;
width: 190px;
top: 112px;
right: 10px;
}

#websiteSearch .IDwebsiteSearchBlock { /*bullet in front of the text "Search"*/
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 10px 11px;
padding-left: 20px;
padding-top: 4px;
}

#websiteSearch .IDwebsiteSearchBlock a { /*color of the link to start the search*/
color: #0000FF;
}
	
/*</group>*/

/*<group=Main Content>*/

/*the area, wich contains all content areas for website and apllication pages*/

#mainContent { /*space between content and the bottom of the page*/
margin-bottom: 8px;
}

#mainContent table { /* for all tables  in #maincontent, if not specified different*/
width: 100%;
}

.portletContent { /*space between content and the bottom of the page*/
margin: 5px 0px 5px 0px;
}

.portletContent table { /* for all tables  in .portletContent, if not specified different*/
width: 100%;
}

.portletContentSideMargin { /*space between content and the bottom of the page*/
margin: 0px 5px 0px 5px;
}

.portletContentSideMargin table { /* for all tables  in .portletContent, if not specified different*/
width: 100%;
}

/* for portlets that layout their own sub-portlets */

#subPortletLeft { /* for lefthand (e.g. folder) subportlet */
vertical-align: top;
}

#subPortletCenter { /* for center (e.g. itemlist) subportlet */
vertical-align: top;
}

#subPortletBorderLeft { /* for lefthand (e.g. folder) subportlet */
border: 1px #666666 solid;
margin-right: 5px;
}

#subPortletBorderCenter { /* for center (e.g. itemlist) subportlet */
border: 1px #666666 solid;
margin-left: 5px;
}

/*<group=Left Content>*/

/*for the left area used for the website navigation or folders/filters*/

#leftContent { /*global layout*/ 
vertical-align: top;
/* padding-left: 10px; */ /* SIV */
width: 180px;
}

/*<group=Website Navigation>*/

#websiteNavigation { /*global styles*/
background-color: white;
/* border: 1px #666666 solid; */
/* width: 168px; */
line-height: 15px;
}

#websiteNavigation a { /*links in the website navigation*/
display: block;
}

#websiteNavigation td { /*table cells: navigation items should wrap if text doesn't fit in one line*/
white-space: normal;
/* padding-right: 4px; RP */
}

#websiteNavigation td.IDwebsiteNavigationMain { /*top level website navigation entry, not active*/
background-image: url(theme/globalGraphics/block.gif);
background-repeat: no-repeat;
background-position: 10px 11px;
/* width: 168px; */ 
height: 38px;
vertical-align: top;
padding-left: 20px;
padding-top: 6px;
}

#websiteNavigation td.IDwebsiteNavigationMainSelected { /*indication of active top level entry*/
background-image: url(theme/globalGraphics/blockSelected.gif);
background-repeat: no-repeat;
background-position: 10px 11px;
/* width: 168px; */ 
height: 38px;
vertical-align: top;
padding-left: 20px;
padding-top: 6px;
font-weight: bold;
}

#websiteNavigation td.IDwebsiteNavigationMainSelected a { /*link color of the active top level entry when no sub-entry selected*/
color: #FE0000;
}

#websiteNavigation td.IDwebsiteNavigationMainPath { /*indication of the active top level entry when sub-entries selected (navigation path)*/
background-image: url(theme/globalGraphics/blockSelected.gif);
background-repeat: no-repeat;
background-position: 10px 11px;
/* width: 168px; */
height: 38px;
vertical-align: top;
padding-left: 20px;
padding-top: 6px;
}

#websiteNavigation td.IDwebsiteNavigationMainPath a { /*link color of an active top level entry when sub-entries selected (navigation path)*/
color: #FE0000;
}

#websiteNavigation td.IDwebsiteNavigationSub { /*subnavigation entry in website navigation*/
background-image: url(theme/globalGraphics/block.gif);
background-repeat: no-repeat;
background-position: 10px 5px;
height: 21px;
vertical-align: top;
padding-left: 20px;
padding-bottom: 6px;
}

#websiteNavigation td.IDwebsiteNavigationSubSelected { /*indication of active subnavigation entry*/
background-image: url(theme/globalGraphics/blockSelected.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
height: 21px;
vertical-align: top;
padding-left: 20px;
padding-bottom: 6px;
font-weight: bold;
}

#websiteNavigation td.IDwebsiteNavigationSubSelected a { /*link color of active subnavigation entry*/
color: #FE0000;
}

#websiteNavigation td.IDwebsiteNavigationSubHeader { /*used for sub headlines in Software & Services section of the website navigation*/
height: 21px;
vertical-align: top;
padding-left: 10px;
font-weight: bold;
font-size: small;
color: #7D87A5;
}

#websiteNavigation tr.IDwebsiteNavigationSpacer td { /*defines the space between website navigation entries*/
height: 8px;
}

#websiteNavigation .IDwebsiteNavigationDelimiter { /*horizontal delimiter used to separate sub-sections in Software & Services section*/
border-top: 1px solid #C8CCD8;
height: 8px;
padding-left: 1px;
empty-cells: show;
display: block;
}

#websiteNavigation tr.IDwebsiteNavigationMainColor { /*background colour of top level entries*/
background-color: #C3C7D3;
}

.csContainer { /*customer service container below the navigation*/
background: white;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
line-height: normal;
white-space: normal;
}


/*</group>*/

/*<group=Folers and Filters>*/

/*used on application pages, e.g. the mailbox, to display a folder and filter list*/

#folderBar { /*global layout*/
background-color: white;
/* border: 1px #666666 solid; */
/* margin-top: 8px; removed from new CSS by CTW 10/01/2006 */
/* min-width:168px; removed by CTW 06/11/2006 */
width: auto; /* !important removed by CTW 30/11/2006 */
/* width: 168px; */
}

#folderBar .IDfolderBarToolBar { /*Toolbar of folder and filter lists*/
background-color: #e7e7e7;
background-image: url(theme/globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
min-height: 54px;
height: auto !important;
height: 54px;
/* width: 168px; */
border-bottom: 1px #666666 solid;
padding-right: 10px; /* UI rev issue #5.2 bug: me.Port-0002 */
}

#folderBar .IDfolderBarToolBar table { /* folder bar buttons are left aligned */
width:auto;
}

#folderBar .IDfolderBarToolBar img { /* layout of images */
/* margin:0px 0px 1px 0px; modified from new CSS by CTW 10/01/2006 */
margin: 4px 0px 0px 10px;
}

#folderBar .IDfolderBarDescription { /*used to display status information above the folders/filters, e.g. on fee payment - deposit accounts*/
border-bottom: 1px #666666 solid;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
white-space: normal;
}

#folderBar .IDfolderBarContent td { /*layout of folder/filter and corresponding label */
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#folderBar .IDfolderBarTreeContent td { /*layout of folder/filter and corresponding label if a expandable tree with samll icons is used */
padding-left: 3px;
padding-top: 4px;
padding-bottom: 4px;
}

#folderBar .IDfolderBarTreeContent td a { /*label of a folder and filter (link) if a expandable tree is used */
display:block;
}


#folderBar .IDfolderBarLabel {
	width:  100%;
	white-space: normal;
	padding-right: 10px; /* UI rev issue #5.2 bug: me.Port-0002 */
}

#folderBar .IDfolderBarContent td a { /*label of a folder and filter (link)*/
display:block;
}

#folderBar tr.IDfolderBarRowSelected { /*indication of the selected folder/filter*/
background-color: #CEDAE7;
font-weight: bold;
}

#folderBar .IDfolderBarSmallFont { /*used for textual (status) information below folder labels*/
font-size:0.86em;
font-weight: normal;
}
	
/*</group>*/
	
/*</group>*/

/*<group=Center Content>*/

/*the main container*/

#centerContent { /*Global layout. The container expands to the available space.*/
vertical-align: top;
/* padding-left: 10px; */ /*RP*/
/* padding-right: 10px;*/ /*RP*/ 
padding-top: 0px; /*RP*/
width: 100%;
}

#centerContent table { /*all tables in #centerContent expand if not overwritten*/ 
width: 100%;
}

#centerContent td {/*content of cells wraps if not overwritten*/ 
white-space: normal;
}

/*<group=Text view (Website)>*/

#textView { /*global layout*/
padding-top: 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
background-color: white;
/* border: 1px #666666 solid; */
white-space: normal;
line-height: normal;
}

#textView td {/*definition for table cells in #textView, if not overwritten*/
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

#textView .IDtextViewLinkBlock { /*used for seperated links/linklists with bullets on the website*/
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
padding-left: 10px;
white-space: normal;
}

#textView .IDtextViewLinkBlock a { /*color of links */
color: #0000FF;
}

#textView .IDtextViewlinkBlockRight { /*used for right aligned links with bullets, e.g. the often used "more"-link*/
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 10px;
white-space: normal;
display: block;
float: right;
}

#textView .IDtextViewlinkBlockRight a { /*color of right aligned links*/
color: #0000FF;
}

#textView .IDtextViewHotNewsHeader { /*"hot news container used on the homepage*/
background-image: url(theme/globalGraphics/hotNews.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 28px;
border: 1px #666666 solid;
}

#textView .IDtextViewHotNewsFrame {
border-left: 1px #666666 solid;
border-right: 1px #666666 solid;
border-bottom: 1px #666666 solid;
padding-left: 5px;
padding-right: 5px;
}

#textView .IDtextViewOtherNewsHeader { /*"Other news container used on the news overview page*/
background-image: url(theme/globalGraphics/otherNews.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
border: 1px #666666 solid;
}

#textView .IDtextViewHotNewsEventsHeader { /*"events hot news container used on the news detailed page*/
background-image: url(theme/globalGraphics/hotNewsEvents.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
border: 1px #666666 solid;
}

#textView .IDtextViewPSHeader { /*"events hot news container used on the news detailed page*/
background-image: url(theme/globalGraphics/newsProductsServices.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
border: 1px #666666 solid;
}


#textView .IDtextViewThumbNail { /*used to enclose thumbnnail images, e.g., for Software & Services*/
width: 80px;
height: 52px;
padding-top: 10px;
padding-right: 10px;
display: block;
}

#textView .IDtextViewGroupBox { /*used to group form elements on Contact page --> grey frame */
background: #EEEEEE;
border: 1px #666666 solid;
padding: 6px;
margin-bottom: 8px;
margin-top: 8px;
}

#textView .IDtextViewGroupBoxIn { /*used to group form elements on Contact page --> content of the group box*/
background: #ffffff;
border: 1px #666666 solid;
padding: 10px;
line-height: 18px;
}

#textView td.IDtextViewFieldName { /*used for cells, which contain labels of form elements*/
white-space: nowrap;
padding-right: 6px;
line-height: 20px;
}

#textView td.IDtextViewImage { /*used for cells, which contain images*/
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
}

#textView td.IDtextViewNewsText { /*used for cells, which contain News Text*/
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
}

#textView .floatRight {
float: right;
margin-left: 10px;
}

#textView .floatLeft {
float: left;
margin-right: 10px;
}

#textView .IDtextViewlargeImageTableRight {
float: right;
margin-left: 10px;
width: 180px;
border: 1px solid #666666;
}

#textView .IDtextViewlargeImageTableRight td{
padding: 0px;
}

#textView .IDtextViewlargeImageTableLeft {
float: left;
margin-right: 10px;
width: 180px;
}

#textView .IDtextViewlargeImageTableSubtext { /*used for cells, which contain Text displayed below an image*/
font-size:0.86em; 
line-height:normal; 
padding: 5px;
background-color: #E6E6E6;
}

#textView .IDtextViewlargeImageTableSubtext td {
padding: 5px;	
}


#textView .IDtextViewServices th {
width: 33%;
height: 28px;
white-space: nowrap;
}

#textView .IDtextViewServices th.space { 
width: 10px;
}

#textView .IDtextViewServices td {
vertical-align: top;
}

#textView .IDtextViewServices ul {
margin-left: 24px;
padding: 0px;
line-height: 24px;
}

#textView .IDtextViewServices th.Public {
background-image: url(theme/globalGraphics/gradientPublic.png);
background-repeat: repeat-x;
color: #475877;
border-top: 2px solid #475877;
border-left: 2px solid #475877;
border-right: 2px solid #475877;
border-bottom: 1px solid #475877;
}

#textView .IDtextViewServices td.Public {
background-image: url(theme/globalGraphics/watermarkPublic.gif);
background-repeat: no-repeat;
background-position: left bottom;
border-left: 2px solid #475877;
border-right: 2px solid #475877;
border-bottom: 2px solid #475877;
}

#textView .IDtextViewServices th.Password {
background-image: url(theme/globalGraphics/gradientPassword.png);
background-repeat: repeat-x;
color: #4A7747;
border-top: 2px solid #90A486;
border-left: 2px solid #90A486;
border-right: 2px solid #90A486;
border-bottom: 1px solid #90A486;
}

#textView .IDtextViewServices td.Password {
background-image: url(theme/globalGraphics/watermarkPassword.gif);
background-repeat: no-repeat;
background-position: left bottom;
border-top: 0px;
border-left: 2px solid #90A486;
border-right: 2px solid #90A486;
border-bottom: 2px solid #90A486;
}

#textView .IDtextViewServices th.Smartcard {
background-image: url(theme/globalGraphics/gradientSmartcard.png);
background-repeat: repeat-x;
color: #875453;
border-top: 2px solid #885454;
border-left: 2px solid #885454;
border-right: 2px solid #885454;
border-bottom: 1px solid #885454;
}

#textView .IDtextViewServices td.Smartcard {
background-image: url(theme/globalGraphics/watermarkSmartcard.gif);
background-repeat: no-repeat;
background-position: left bottom;
border-top: 0px;
border-left: 2px solid #885454;
border-right: 2px solid #885454;
border-bottom: 2px solid #885454;
}



/*</group>*/

/*<group=Application View>*/

/*the large container in which table or data views are displayed*/

#applicationView { /*global style*/
background-color: white;
/* border: 1px #666666 solid; */
}

#applicationView td {
white-space: normal;
}

/*<group=Toolbar>*/

#applicationView .IDapplicationViewToolBar { /*toolbar style*/
background-color: rgb(231,231,231);
background-image: url(theme/globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
min-height: 54px;
height: auto !important;
height: 54px;
border-bottom: 1px #666666 solid;
padding:0px 5px 0px 5px;
}

#applicationView .IDapplicationViewToolBar img { /* images layout */ 
/* margin:0px 0px 1px 0px; modified from new CSS by CTW 10/01/2006 */
margin: 4px 0px 0px 10px;
} 

/*</group>*/

/*<group=Application View Small>*/

/*the large container in which table or data views are displayed*/

#applicationViewSmall { /*global style*/
background-color: white;
/* border: 1px #666666 solid; */
}

#applicationViewSmall td {
white-space: normal;
}

/*<group=Toolbar>*/
#applicationViewSmall .IDapplicationViewToolBarSmall { /*toolbar style*/
background-image: url(theme/globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
height: 28px;
border-bottom: 1px #666666 solid;
}

#applicationViewSmall .IDapplicationViewToolBarSmall img { /*layout for images in the toolbar*/
margin-top: 4px;
margin-left: 10px;
}

/*</group>*/

/*<group=Filter/Search area>*/

/*used for area containing filter/search options*/

#applicationView .IDapplicationViewFilter table { /*gloabal style for the filter table*/
margin-top: 8px;
border-bottom: 1px #666666 solid;
width: 100%;
}

#applicationView .IDapplicationViewFilter td { /*global style for the table cells*/
padding-left: 4px;
white-space: nowrap;
padding-bottom: 8px;
}

#applicationView .IDapplicationViewSearch { /*used for are containing search functionality (more then one row o form elements)*/
margin-top: 8px;
padding-left: 6px;
padding-bottom: 8px;
border-bottom: 1px #666666 solid;
}

#applicationView .IDapplicationViewSearch table {
width: 100%;
}

#applicationView .IDapplicationViewSearch td {
padding-left:4px;
padding-top:4px;
white-space: nowrap;
}
	
/*</group>*/

/*<group=Wizzard>*/

#applicationView .IDapplicationViewWizzardDescription { /*used for section below toolbar displaying short information about current step*/
padding: 10px;
font-weight: bold;
}

#applicationView .IDapplicationViewWizzardInfo { /*used for more detailed information about current step*/
margin-top: 6px;
margin-left: 10px;
width: 450px;
white-space: normal;
}

#applicationView .IDapplicationViewWizzardInfo table {
margin-top: 6px;
width: auto;
background-color: #F1F3F6;
border: 1px #666666 solid;
}

#applicationView .IDapplicationViewWizzardInfo td {
padding-right: 4px;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
	
/*</group>*/

/*<group=Table>*/

/*<group=Table header>*/

#applicationView .IDapplicationViewTableHeader { /*background- color of the table header*/
background-color: #E7E7E7;
}

#applicationView .IDapplicationViewTableHeader th { /*global style*/
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
white-space: nowrap;
border-bottom: 1px #666666 solid;
border-right: 1px #666666 solid;
text-align: left;
font-weight: normal;
}


#applicationView .IDapplicationViewTableHeader img { /*used for icons in the table head and the sort order triangle*/
padding-left: 4px;
border: 0px;
vertical-align: middle;
}

#applicationView .IDapplicationViewTableHeaderSpread { /*used for the flexible table column*/
width: 100%;
}

#applicationView .IDapplicationViewTableHeaderSelected { /*used to indicate acoording to which column the table is sorted*/
background-color: #C6C6C6;
}

#applicationView th.IDapplicationViewTableNoBorder { /*used for rightmost cell in table head*/
border-right: 0px;
}
	
/*</group>*/

/*<group=Table body>*/

#applicationView .IDapplicationViewTable td { /*used for all table cells. Has to be overwritten with global classes if needed. E.g., wrap instead of nowrap or align right*/
padding-top: 6px;
padding-bottom: 6px;
padding-left: 4px;
padding-right: 4px;
border-right: 1px #E2E2E2 solid;
white-space: nowrap;
line-height: normal;
}

#applicationView .IDapplicationViewTableBorderTop {
	border-top: 1px solid #666666;
}

#applicationView .IDapplicationViewTable td a { /*used for links in table body*/
	display: block; 
}

#applicationView .IDapplicationViewTableRowAlternate { /*used for every second row, displaying background color*/
background-color: #F1F3F6;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 4px;
padding-right: 4px;
}

#applicationView .IDapplicationViewTableRowBold { /*used for bold content of a row. e.g. to indicated new items in the mailbox*/
font-weight: bold;
}

#applicationView .IDapplicationViewTableAmount { /*used to display right-aligned numerical values, e.g. fee payment - payment*/
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
text-align: right;
border-top: 1px #666666 solid;
}

#applicationView td.IDapplicationViewTableNoBorder { /*used for rightmost table cell in each table row*/
border-right: 0px;
}
	
/*</group>*/

/*<group=Table footer>*/

/*contains the page navigation elements or wizzard navigation buttons*/

#applicationView .IDapplicationViewTableFooter { /*global style*/
padding: 10px;
border-top: 1px #666666 solid;
}

#applicationView .IDapplicationViewTableFooterLabel { /*used for label in front of navigation elements in table footer: "Page"*/
padding-right: 10px;
}

#applicationView .IDapplicationViewTableFooter a { /*used for all links to pages in the page navigation*/
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
display: block;
text-decoration: none;
}

#applicationView .IDapplicationViewTableFooter a:hover { /*mouse over effect for the page navigation links*/
background-color: #CEDAE7;
}

#applicationView .IDapplicationViewTableFooterSelected { /*indicates the selected page in the page navigation*/
background-color: #CEDAE7;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}
	
/*</group>*/

/*<group=Table footer Top>*/

/*contains the page navigation elements or wizzard navigation buttons*/

#applicationView .IDapplicationViewTableFooterTop { /*global style*/
padding: 10px;
border-bottom: 1px #666666 solid;
}

#applicationView .IDapplicationViewTableFooterLabelTop { /*used for label in front of navigation elements in table footer: "Page"*/
padding-right: 10px;
}

#applicationView .IDapplicationViewTableFooterTop a { /*used for all links to pages in the page navigation*/
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
display: block;
text-decoration: none;
}

#applicationView .IDapplicationViewTableFooterTop a:hover { /*mouse over effect for the page navigation links*/
background-color: #CEDAE7;
}

#applicationView .IDapplicationViewTableFooterSelectedTop { /*indicates the selected page in the page navigation*/
background-color: #CEDAE7;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}

/*</group>*/

/*<group=Sub table (Data display)>*/

#applicationView .IDapplicationViewSubTable { /*used for nested tables displaying information/data displays)*/
line-height:normal;
width: auto;
}

#applicationView .IDapplicationViewSubTable td { /*table cell specification for subtables*/
border-right: 0px;
vertical-align:top;
padding-left: 4px;
padding-right: 0px; 
padding-bottom: 3px;
padding-top: 3px;
}

#applicationView .IDapplicationViewSubTable td a { /*links in a subtable.*/
display: inline;
}

#applicationView .IDapplicationViewSubTable td.IDapplicationViewSubTableLabels { /* Lables in a subtable. Fixed size is used to keep the layout if several tables are used in a huge data display view (e.g. Register Plus)*/
width:220px;
font-weight: bold;
white-space:normal;
}

#applicationView .IDapplicationViewSubTable td.IDapplicationViewSubTableSubLabels { /* Sublables in a subtable. Fixed size is used to keep the layout if several tables are used in a huge data display view (e.g. Register Plus)*/
width:120px;
white-space:normal;
}

#applicationView .IDapplicationViewSubTable td.IDapplicationViewSubTableSpacerRow { /* used for grouping of data */
height: 10px;
}

/*</group>*/
	
/*</group>*/
	
/*</group>*/

/*<group=Dialog View>*/

/*used for dialog pages, e.g. message, confirmations, preferences, or dialogs used to create new folders/filters. the width might be overwritten if content needs mot then 500px*/

#dialogView { /*global style*/
background-color: white;
/* margin-left: 10px; */
/* margin-right: 10px; */
/* border: 1px #666666 solid; */
white-space: normal;
/* min-width: 500px; */ 
/* margin-bottom: 8px; */ 
}

#dialogView table { /*for MSIE use HTML tag "cellspacing="0" instead*/
border-spacing: 0px;
width: auto;
}

#dialogView td.IDdialogViewLeftRight { /*used for invisible left and right <td> of main table to keep the dialog itself centered*/
width: 50%;
}

#dialogView table.IDdialogViewMiddle { /*used for table in center <td> containing dialog content*/
width: 500px;
white-space: normal;
margin-top: 8px;
}

#dialogView .IDdialogViewMiddle td { /*used for center <td> of main table*/
white-space: normal;
}

#dialogView .IDdialogViewHeaderBold { /*used for bold header text*/
font-weight: bold;
padding-bottom: 5px;
}

#dialogView .selectWidth150 { /*used to define the width of list boxes of the column chooser/soter. E.g., My Files, or Mailbox.*/
min-width: 150px;
width: auto !important;
width: 150px;	
}

#dialogView .selectWidth155 { /*used to define the width of drop-down boxes.*/
width: 155px;
}

#dialogView .selectColumnSettings { /*define the width of select widgets for the item list settings in- and -out view*/
width: 200px;
}

#dialogView .selectWidth270 { /* deprecated */
width: 270px;
}

#dialogView td.IDdialogViewImageMiddle { /*used for <td>s containing image buttons of the column chooser/sorter*/
width: 21px;
padding-left: 10px;
padding-right: 10px;
}

#dialogView td.IDdialogViewImageMiddle img { /*defines the space between image button of the column chooser*/
margin-top: 5px;
margin-bottom: 5px;
}

#dialogView .IDdialogViewMainMessage { /*used for main message displaying purpose of the dialog screen*/
font-weight: bold;
line-height:normal;
}

#dialogView .IDdialogViewSubMessage { /*used for sub-message giving additional detail*/
padding-top: 8px;
line-height: normal;
}

#dialogView td.IDdialogViewIcon { /*used for the cell containing the icon in front of the main message*/
padding-right: 5px;
}

#dialogView .IDdialogViewBoxOut { /*outer border and grey part of dialog group box*/
background: #EEEEEE;
border: 1px #666666 solid;
padding: 6px;
margin-bottom: 8px;
margin-top: 8px;
}

#dialogView .IDdialogViewBoxOutSingle { /*used when no other elements are located above the group box, e.g. for confirmation messages. No value for top-margin is defined*/
background: #EEEEEE;
border: 1px #666666 solid;
padding: 6px;
margin-bottom: 8px;
}

#dialogView .IDdialogViewBoxHeader { /*used for the headline of dialog group boxes*/
padding-bottom: 8px;
margin-left: 4px;
font-weight: bold;
}

#dialogView .IDdialogViewBoxIn { /*inner box, containing dialog form elements*/
background: #ffffff;
border: 1px #666666 solid;
padding-left: 10px;
padding-right:10px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
}

#dialogView .IDdialogViewBoxInNoPadding { /*inner box, containing dialog form elements. No padding*/
background: #ffffff;
border: 1px #666666 solid;
line-height: 18px;
}

#dialogView .IDdialogViewBoxIn table { /*for MSIE use HTML tag "cellspacing="0" instead*/
border-spacing: 0px;
}

#dialogView .IDdialogViewBoxInNoPadding table { /*for MSIE use HTML tag "cellspacing="0" instead. No padding*/ 
border-spacing: 0px;
}

#dialogView td.IDdialogViewFieldName { /*used for cells, which contain labels of form elements*/
white-space: nowrap;
padding-right: 6px;
line-height: 20px;
}

#dialogView .IDdialogViewSubEntry { /*used to indent sub entries for clearer logical layout, e.g., in forms*/
text-indent: 24px;
}

#dialogView .IDdialogViewButtonsBottom { /*used for dialog buttons*/
margin-bottom: 8px;
}

#dialogView .IDdialogViewLinkBlock { /*used for text links with bullets displayed in dialogs*/
margin-top: 10px;
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 10px;
white-space: normal;
}

#dialogView .IDdialogViewLinkBlock a { /*color of links*/
color: #0000FF;
}

/*<group=Tabs>*/

/*used for tab controls in dialog views*/

#dialogView .IDdialogViewTabs { 
position: relative;
top: 9px;
z-index: 2;
}

#dialogView .IDdialogViewTabs table { 
border-top: 1px #666666 solid;
border-left: 1px #666666 solid;
white-space: nowrap;
}

#dialogView .IDdialogViewTabs table td {
white-space: nowrap;
background-color: white;
border-right: 1px #666666 solid;
border-bottom: 1px #666666 solid;
}

#dialogView .IDdialogViewTabs a {
display: block;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
float:left;
}

#dialogView .IDdialogViewTabs a:hover { /*mouse over effect of tab controls*/
text-decoration: none;
display: block;
line-height: 25px;
background-color: #EEEEEE;
}

#dialogView .IDdialogViewTabs table td.IDdialogViewTabsSelected { /* the selected tab */
background-color: #EEEEEE;
font-weight: bold;
border-bottom: 0px #666666 solid;
padding-left: 10px;
padding-right: 10px;
}
	
/*</group>*/
	
/*</group>*/

/*<group=In Place Error Message>*/

#inplaceError  {
	width: 450px;
}

#inplaceError table {
	width: auto;
}

#inplaceError img {
	padding-right: 5px;
}	

/*</group>*/
	
/*</group>*/

/*<group=Right Content (Context area, Login/Personal area)>*/

/*the right container used on the website to display login forms or personal information*/

#rightContent { /*global layout*/
width: 200px;
vertical-align: top;
/* padding-right: 10px; removed 13/08/2009 CTW */ 
}

#context { /*global style of the container content*/
background-color: #F3F3F3;
/* border: 1px #666666 solid; */
/* width: 198px; Width's are not set by the stylesheet */
line-height: normal;
}

#context td {
white-space: normal;
padding-left: 20px;
padding-right: 10px;
}

#context div.IDcontextGroup { /*used for group boxes. slightly darker then the background*/
background-color: #E6E6E6;
margin-top: 0px;
margin-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
}

#context div.IDcontextGroupHeader { /*used for Login ContextGroup. slightly darker then the standard context group*/
background-color: #C3C7D3;
margin-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
}

#context div.IDcontextgroupPWAccess { /*used for password access indication*/
background-color: #90A486;
height: 8px;
}

#context div.IDcontextgroupSCAccess { /*used for smartcard access indication*/
background-color: #885454;
height: 8px;
}

#context div.IDcontextgroupAnonymous { /*used for anonymous access indication*/
height: 8px;
}

#context .IDcontextLinkBlock { /*links with bullets*/
background-image: url(theme/globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 10px 6px;
}

#context .IDcontextLinkBlock a { /*color of text links*/
color: #0000FF;
}
	
/*</group>*/
	
/*</group>*/
	
/*</group>*/

/*<group=Sitemap>*/

#sitemap {
margin-top: 38px;
padding: 10px;
background-color: white;
width:252px;
border: 1px #666666 solid;
}

#sitemap .IDsitemapGroup { /*displays border around grouped links*/
border: 1px #666666 solid;
}

#sitemap .IDsitemapMain { /*the main link of a group. similar to the website navigation*/
background-image: url(theme/globalGraphics/block.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
width: 252px;
height: 38px;
vertical-align: top;
padding-top: 6px;
padding-left: 20px;
font-weight: bold;
}

#sitemap .IDsitemapSub { /*sub-navigation entries in a group. similar to the website*/
background-image: url(theme/globalGraphics/block.gif);
background-repeat: no-repeat;
background-position: 10px 7px;
height: 21px;
padding-left: 20px;
}

#sitemap a { /*for all links on the sitemap*/
display: block;
}

#sitemap tr.IDsitemapSpacer td {  /*used to define the space between groups*/
height: 8px;
}

#sitemap tr.IDsitemapMainColor { /*background color of main links*/ 
background-color: #C3C7D3;
}

#sitemap td.IDsitemapSubHeader { /*used for subgroup headers on Software & Services area in sitemap*/
height: 21px;
vertical-align: top;
padding-left: 10px;
font-weight: bold;
font-size: small;
color: #7D87A5;
}
	
/*</group>*/

/*<group=Pop-up Window>*/

#popupView { /*used to enclose elements of popup window*/
padding-top: 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: #FFFFFF;
border: 1px #666666 solid;
white-space: normal;
margin-top: 8px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 8px;
}

#popupView td {
	white-space: normal;
}
	
/*</group>*/

/*<group=Viewer>*/

#viewerToolBar { /*toolbar style for the document (PDF) viewer*/
background-image: url(theme/globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
height: 54px;
border-top: 1px #666666 solid;
}

#viewerToolBar img { /*layout for images in the toolbar of the viewer*/
margin-top: 4px;
margin-left: 10px;
}
	
/*</group>*/
/*<group=AdminTools>*/

#dataViewMixed table{ 
	width: auto;
}

#dataViewMixed td{
	white-space: nowrap;
}

.flexContainerLeftRight {
	width: 50%;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.flexContainerLeftRight table {
	width: auto !important;
}

.dataDisplay td {
	padding-right: 6px;
	padding-bottom: 10px;
}

#rightContainer {
	border-left: 1px solid #666666;
	vertical-align: top;
}

#rightContainer td {
	width: 100%;
}


.rightContainerContent {
	width: 250px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
}

.rightContainerContentBorder {
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom: 1px solid #666666;
}

/*<group=Large Dialog View. In contast to the normal dialog view. This view is embedded into other views and spreads over the whole width available.>*/

#largeDialog { /*global style*/
background-color: white;
margin-left: 10px;
margin-right: 10px;
/*white-space: normal;*/
}

#largeDialog table.IDdialogViewMiddle { /*used for table in center <td> containing dialog content.*/
width: 100%;
white-space: normal;
}


#largeDialog .IDdialogViewBoxOut { /*outer border and grey part of dialog group box*/
background: #EEEEEE;
border: 1px #666666 solid;
padding: 6px;
margin-bottom: 8px;
margin-top: 8px;
}

#largeDialog .IDdialogViewBoxHeader { /*used for the headline of dialog group boxes*/
padding-bottom: 8px;
margin-left: 4px;
font-weight: bold;
}

#largeDialog .IDdialogViewBoxIn { /*inner box, containing dialog form elements*/
background: #ffffff;
border: 1px #666666 solid;
padding-left: 10px;
padding-right:10px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
}

#largeDialog .IDdialogViewBoxInNoPadding { /*inner box, containing dialog form elements. No padding*/
background: #ffffff;
border: 1px #666666 solid;
line-height: 18px;
}

#largeDialog .IDdialogViewBoxInTable { /*inner box, if the dialog contains a table*/
background: #ffffff;
border: 1px #666666 solid;
}


#largeDialog td.IDdialogViewFieldName { /*used for cells, which contain labels of form elements*/
white-space: nowrap;
padding-right: 6px;
line-height: 20px;
}

#largeDialog .IDdialogViewSubEntry { /*used to indent sub entries for clearer logical layout, e.g., in forms*/
text-indent: 24px;
}

/*<group=Tabs>*/

/*used for tab controls in adminDataViews views*/

#largeDialog .IDdialogViewTabs { 
position: relative;
top: 9px;
z-index: 2;
}

#largeDialog .IDdialogViewTabs table { 
border-top: 1px #666666 solid;
border-left: 1px #666666 solid;
white-space: nowrap;
}

#largeDialog .IDdialogViewTabs table td {
white-space: nowrap;
background-color: white;
border-right: 1px #666666 solid;
border-bottom: 1px #666666 solid;
}

#largeDialog .IDdialogViewTabs a {
display: block;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
float:left;
}

#largeDialog .IDdialogViewTabs a:hover { /*mouse over effect of tab controls*/
text-decoration: none;
display: block;
line-height: 25px;
background-color: #EEEEEE;
}

#largeDialog .IDdialogViewTabs table td.IDdialogViewTabsSelected { /* the selected tab */
background-color: #EEEEEE;
font-weight: bold;
border-bottom: 0px #666666 solid;
padding-left: 10px;
padding-right: 10px;
}

#largeDialog .IDdialogViewButtonsBottom { /*used for dialog buttons*/
margin-bottom: 8px;
}

/*</group>*/
	
/*</group>*/

#applicationView .IDapplicationViewToolBarSmall { /*small toolbar style for buttons without labels*/
background-image: url(theme/globalGraphics/toolbarBackSmall.png);
background-repeat: repeat-x;
height: 32px;
border-bottom: 1px #666666 solid;
}

#applicationView .IDapplicationViewToolBarSmall img { /*layout for images in the small toolbar*/
margin-top: 6px;
margin-left: 10px;
}