/*

epoline Cascading Stylesheet (Media: Print)

Author: 	Marcel Dullaart and Chris Wood.

*/

/*<group=Global Tags>*/

body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 10pt;
line-height: normal;
}

input {
	display: none;
}

td { /*valid for all table cells*/
margin: 0px;
padding: 0px;
white-space: normal;
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: #000000;
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: #000000;
}
	
/*</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-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 black  !important;
padding-bottom: 12px  !important;
}

.delimiterDashed { /*horizontal dashed delimiter used to separate elements*/
border-bottom: 1px dashed black  !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;
}

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


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

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

#header { /*specification of background image (blue gradient)*/
display: none;
}

	
/*</group>*/

/*<group=Services Navigation Bar>*/

#servicesNavigation {
	display:none
}
	
/*</group>*/

/*<group=Subnavigation>*/

#subNavigation {
	display: none;
}

/*</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*/
	display:  none;
}
	
/*</group>*/

/*<group=Location Indicator>*/

#locationIndicator { /*displayed on all web application pages below the services navigation and subnavigation if available*/
border-bottom: 1px solid black;
}
	
/*</group>*/

/*<group=Website Search>*/

#websiteSearch { /*layout of the search field on the website*/
display: none;
}


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

#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*/ 
display: none;
}

	
/*</group>*/

/*<group=Center Content>*/

/*the main container*/

#centerContent { /*Global layout. The container expands to the available space.*/
vertical-align: top;
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;
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(globalGraphics/blockLink.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
padding-left: 10px;
white-space: normal;
}



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


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


#textView .IDtextViewOtherNewsHeader { /*"Other news container used on the news overview page*/
background-image: url(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(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(globalGraphics/newsProductsServices.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
border: 1px #666666 solid;
}

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

#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 */
border: 1px black 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 black 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: 11px;
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(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(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(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(../Websites/ServiceOverview/Graphics/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(../Websites/ServiceOverview/Graphics/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(../Websites/ServiceOverview/Graphics/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;
}

/*<group=Toolbar>*/

#applicationView .IDapplicationViewToolBar { /*toolbar style*/
display: none;
}


	
/*</group>*/

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

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

#applicationView .IDapplicationViewFilter table { /*gloabal style for the filter table*/
display: none;
}


#applicationView .IDapplicationViewSearch { /*used for are containing search functionality (more then one row o form elements)*/
display: none;
}
	
/*</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;
border: 1px black 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*/
}

#applicationView .IDapplicationViewTableHeader th { /*global style*/
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
white-space: nowrap;
border-bottom: 1px black solid;
border-right: 1px black 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 .IDapplicationViewTableHeaderSelected { /*used to indicate acoording to which column the table is sorted*/
font-weight: bold;
}

#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 black solid;
white-space: normal;
line-height: normal;
}

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

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

#applicationView .IDapplicationViewTableRowAlternate { /*used for every second row, displaying background color*/
background-color: white;
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 black 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*/
display: none;
}
	
/*</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;
}

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

#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 black solid;
white-space: normal;
min-width: 500px;
margin-bottom: 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.*/
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*/
border: 1px black 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*/
border: 1px black 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 black 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;
}


/*<group=Tabs>*/

/*used for tab controls in dialog views*/

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

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

#dialogView .IDdialogViewTabs table td {
white-space: nowrap;
background-color: white;
border-right: 1px black solid;
border-bottom: 1px black 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;
}

#dialogView .IDdialogViewTabs table td.IDdialogViewTabsSelected { /* the selected tab */
font-weight: bold;
border-bottom: 0px black 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*/
display: none;
}

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

/*<group=Sitemap>*/

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

#sitemap .IDsitemapGroup { /*displays border around grouped links*/
border: 1px black 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*/ 

}

#sitemap td.IDsitemapSubHeader { /*used for subgroup headers on Software & Services area in sitemap*/
display: none;
}
	
/*</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 black solid;
white-space: normal;
margin-top: 8px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 8px;
}

#popupView td {
	white-space: normal;
}
	
/*</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 black;
	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 black;
}

/*<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*/
border: 1px black 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 black 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 black 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 black solid;
border-left: 1px black solid;
white-space: nowrap;
}

#largeDialog .IDdialogViewTabs table td {
white-space: nowrap;
background-color: white;
border-right: 1px black solid;
border-bottom: 1px black 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;
}

#largeDialog .IDdialogViewTabs table td.IDdialogViewTabsSelected { /* the selected tab */
font-weight: bold;
border-bottom: 0px black 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*/
display: none;
}