/*

epoline Cascading Stylesheet (Media: Screen)


Version: 	2.0
Date:		29.11.2005

Author: 	Tim Klauck (ergosign/entory).
email: 		klauck@ergosign.de


IMPORTANT: This stylesheet is used for epoline prototypes developed by ergosign/entory. 
It is not the version used for the production version of the epoline portal.
Classes and ids can be copied to the production version after review and 
confirmation by Marcel Dullaart (mdullaart@epo.org) and Christopher Wood (cwood@epo.org).

*/

.explanattoryText { /* added for enrolment by sivanov */
	color:#666666 !important;
	font-size: 0.86em !important;
	font-weight: normal !important;
	line-height: 15px;
}

/*<group=Global Tags>*/

body {
margin: 0;
color: #262626;
background-color: #EBE3D8;
font-family: Arial, sans-serif;
font-size: small;
margin-bottom: 10px;
}

h3 {
font-size: 16px;
font-weight: bold;
margin: 16px 0px 0px 0px;
color: #454f6e;
list-style-type: none  !important;
}

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 { /* valid for all links if not overwritten by another class or id*/
color: #262626;
text-decoration: none;
}

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

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

a.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: 18px;
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;
}

.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;

}

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

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

.navigationList {
line-height: 18px  !important;
list-style-type: none  !important;
}


.navigationList a {
color: #0000FF;
}

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

.onlyForPrint { /*show certain elements only when the page is printed*/
display: none;	
}

.formWidth {  /*specific for Enrolment form CTW 19/10/2006 */
width: 750px !important; 
}

.linkBlock { /*used for seperated links/linklists with bullets on the website*/
background-image: url(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;
}

.rowOver {
	background: #CEDAE7;
}

.borderBottom {
border-bottom:1px solid #666666;
}

/*<group=Padding and Margin>*/

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

.paddingLeft0 {
padding-left: 0px !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;
}

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

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

.marginLeft5 {
margin-left: 5px;
}
	
/*</group>*/
	
/*</group>*/

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

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

#printHeader {
display: none;
}

#header td.IDheaderLeft { /*specification of background image for left part of header*/
background: url(globalGraphics/headerLeft.png);
background-repeat: no-repeat;
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(globalGraphics/headerRight.png);
background-repeat: no-repeat;
width: 210px;
height: 74px;
vertical-align: bottom
}

/*<group=Small Header>*/

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

#headerSmall .IDheaderSmallRight {
background-image: url(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;
/*margin-bottom: 8px;*/
}

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

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

#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: 18px;
line-height: 20px;
color: #454F6E;
white-space: nowrap;
position: absolute;
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(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%;
}

/*<group=Left Content>*/

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

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

/*<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: 0px;
}

#websiteNavigation td.IDwebsiteNavigationMain { /*top level website navigation entry, not active*/
background-image: url(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(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(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(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(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;
min-width:168px;
width: auto !important;
width:168px;
}

#folderBar .IDfolderBarToolBar { /* global style of the toolbar */
background-color: #e7e7e7;
background-image: url(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; /* added */
}


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

#folderBar .IDfolderBarToolBar td { /* folder bar buttons are left aligned */
vertical-align:top;
}


#folderBar .IDfolderBarToolBar a { /* link surrounding the image and label */
font-size:0.86em; 
line-height:1.1em; 
display: block;
min-height:45px;
height: auto !important;
height: 45px;
margin:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
text-decoration:none;
}

#folderBar .IDfolderBarToolBar td.disabled { /* class for disabled toolbar buttons */
font-size:0.86em; 
line-height:1.1em; 
color: #7d7d7d;
padding:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
}

#folderBar .IDfolderBarToolBar td.labelOnly { /* drop-down menus in the toolbar */
padding:3px 5px 0px 5px;
white-space: nowrap;
font-size:0.86em; 
line-height:1.1em; 
}

#folderBar .IDfolderBarToolBar td.labelOnlyDisabled { /* disabled menus */
color: #7d7d7d;
padding:3px 5px 0px 5px;
white-space: nowrap;
font-size:0.86em; 
line-height:1.1em; 
}

#folderBar .IDfolderBarToolBar img { /* layout of images */
margin:0px 0px 1px 0px;
}

#folderBar .IDfolderBarToolBar td.divider img { /*layout for divider in the toolbar*/
margin:4px 5px 0px 5px;
}


#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: 5px;
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: 5px;
}

#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;
padding-right: 10px;
width: auto;
}

#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=Application View>*/

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

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

/*<group=Toolbar>*/

#applicationView .IDapplicationViewToolBar { /*global toolbar style*/
background-color: rgb(231,231,231);
background-image: url(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 td {
vertical-align:top;
}

#applicationView .IDapplicationViewToolBar a { /* style for link surrounding the image and label */
font-size:0.86em; 
line-height:1.1em; 
display: block;
min-height:45px;
height: auto !important;
height: 45px;
margin:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
text-decoration:none;
}

#applicationView .IDapplicationViewToolBar img { /* images layout */ 
margin:0px 0px 1px 0px; 
} 

#applicationView .IDapplicationViewToolBar td.disabled { /* class for disabled toolbar buttons */
font-size:0.86em; 
line-height:1.1em; 
vertical-align: top;
color: #7d7d7d;
padding:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
}

#applicationView .IDapplicationViewToolBar td.labelOnly { /* style for drop down menus in the toolbar */
font-size:0.86em; 
line-height:1.1em; 
padding:3px 5px 0px 5px;
white-space: nowrap;
}
	
#applicationView .IDapplicationViewToolBar td.labelOnlyDisabled { /* style for disabled menus */
font-size:0.86em; 
line-height:1.1em; 
color: #7d7d7d;
padding:3px 5px 0px 5px;
white-space: nowrap;
}

#applicationView .IDapplicationViewToolBar td.divider img { /*layout for divider in the toolbar*/
margin:4px 5px 0px 5px;
}

/*</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;
}

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

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

#applicationView .IDapplicationViewWizzardInfo2 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=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;
}

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

#applicationView .IDapplicationViewSubTable2 td { /*table cell specification for subtables*/
border-right: 0px;
vertical-align:top;
}


/*</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;
margin-top: 8px;
}

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

#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 .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 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 .IDdialogViewBoxIn table { /*for MSIE use HTML tag "cellspacing="0" instead*/
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(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;
}

#context { /*global style of the container content*/
background-color: #F3F3F3;
border: 1px #666666 solid;
min-width: 198px;
width:auto !important;
width: 198px;
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(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(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(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(globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
height: 54px;
padding:0px 5px 0px 5px; /* added */
}

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

#viewerToolBar a { /* link surrounding the image and label */
font-size:0.86em; 
line-height:1.1em; 
display: block;
height:45px;
margin:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
text-decoration:none;
}

#viewerToolBar td.disabled { /* class for disabled toolbar buttons */
font-size:0.86em; 
line-height:1.1em; 
color: #7d7d7d;
vertical-align: top;
padding:4px 5px 0px 5px;
white-space:nowrap;
text-align:center;
}

#viewerToolBar td.labelOnly { /* drop-down menus in the toolbar */
font-size:0.86em; 
line-height:1.1em; 
padding:3px 5px 0px 5px;
white-space: nowrap;
}

#viewerToolBar td.labelOnlyDisabled { /* disabled menus */
font-size:0.86em; 
line-height:1.1em; 
color: #7d7d7d;
padding:3px 5px 0px 5px;
white-space: nowrap;
}

#viewerToolBar img { /* layout of images */
margin:0px 0px 1px 0px;
}

#viewerToolBar td.divider img { /*layout for divider in the toolbar*/
margin:4px 5px 0px 5px;
}

/*</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 .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(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;
}





/* Classes below are used used for the tutorial pages */


#applicationView .IDapplicationPic { /*Picture for Tutorial*/
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
}

#applicationView .IDapplicationPicCenter { /*Picture for Tutorial*/
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

#applicationView .IDapplicationPicUnder { /*Picture for Tutorial*/
padding-top: 0px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.86em;
color:#666666 !important;
text-align: center;
}

#applicationView .IDapplicationPicUnderRight { /*Picture for Tutorial*/
padding-top: 0px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.86em;
color:#666666 !important;
text-align: right;
}


/*</group>*/
	
/*used for tutorial*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*<group=Tabs>*/

/*used for tutorial*/

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

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

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

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

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

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

/*used for tutorial*/

/*<group= footerContent>*/

/*the area, wich contains the footer in the tutorial*/

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

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

/*used for tutorial*/

/*<group=Center Content>*/

/*the main container of the footer*/

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

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

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

/*used for tutorial*/

/*<group=Table footer>*/

/*contains the page navigation elements of the tutorial*/

#applicationView2 { /*global style*/
background-color: white;
border: 1px #666666 solid;
margin-top: 8px;
}

#applicationView2 .IDapplicationViewTableFooter2 { /*global style*/
padding: 10px;
}

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

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

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

#applicationView2 .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>*/