/* U S E R stylesheet */
/******************************************************************************\
|  I. GENERAL 
\******************************************************************************/

body 
{ 
	background-color:#FFFFFF; 
	color:#000000; 
	font-size:9pt; 
	font-family: Verdana, Geneva, sans-serif; 
	padding:0; 
	margin:0;
/*	letter-spacing: 0.4pt; */
}

img {border-width: 0px; }

table 
{
	border-collapse: collapse;   
	border-color: #a0a0a0;
	font-size: 9pt;
		
}

td
{
	border-color: #a0a0a0;  /* When BORDER=1: Let IE draw inner borders even if CELLSPACING=0 (MOZ ignores CELLSPACING in this case) */
}

/*
b
{
	letter-spacing: 0.4pt;
}
*/

a:link      { color:#3399ff; text-decoration:none }
a:visited   { color:#3399ff; text-decoration:none }
a:hover     { color:#FF9900; text-decoration:underline }
a:active    { color:#6699ff; text-decoration:underline }
a:focus     { color:#6699ff; text-decoration:none }



h1 { font-size:14pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF9900; margin-top:15px; margin-bottom:5px; font-weight:bold;}
h2 { font-size:12pt; color:#FF9900; Verdana, margin-top:15px; margin-bottom:3px; font-weight:bold;}
h3 { font-size:10pt; color:#FF9900; Verdana, margin-top:10px; margin-bottom:3px; font-weight:bold;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif;}

ul
{ 
	list-style-image:url(images/itemArrow.gif);  
	list-style-position:outside; 

} 

li
{ 
	margin-bottom: 10px;   
	margin-top: 0px; 
	padding: 0px;         
}


/* Grayed (inaccessible) items */
.grayed		
{ 
	color:#808080; 
}  


/* 
* The folloing CSS classes 
*   'title0|1', 'abstract0|1', and 'body0|1' are (or will be soon) "editable in place": 
* they all MUST define font AND padding (top,right,bottom,left) 
* but shall have NO margin attributes! Otherwise flickering occures during edit in place.
*/
.title0 { padding: 8px 0px 6px 0px; font-size:14pt;  color:#FF9900; border: 0px black dotted;  font-weight:bold; }
.title1 { padding: 18px 0px 6px 0px; font-size:12pt;  color:#FF9900;  border: 0px black dotted; }

.abstract0 { letter-spacing: 0.8pt; padding:  6px 0px 8px 0px; border: 0px black dotted; font-size:9pt; font-weight:bold; }
.abstract1 { padding:  6px 0px 4px 0px; border: 0px black dotted; font-size:9pt; }

.body0 { padding: 4px 0px 4px 0px; border: 0px black dotted; font-size:9pt; }
.body1 { padding: 4px 0px 4px 0px; border: 0px black dotted; font-size:9pt; }

/* end "editable in place" */




/********* used within class dopdown chooser  in  WYSIWIG table properties window ******/
/***** MCI table */
.mciTable
{
  
	background-color: #d8d8d8;
	border: 0px solid white;  /* MOZ: Overpaint "border=1" with bg-color in TABLE attribute if present */	
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 8pt;
	letter-spacing: 1.0pt;	
	color: #202020;				
}

.mciTable tr
{
	vertical-align: center;
}


.mciTable td
{
	border-right: 2px solid white;
	padding: 4px 8px 4px 8px;		
}

.mciTableHeader td
{
	color: #003366;
	font-weight: bold;
	background-color: white;
	text-transform: uppercase;
	letter-spacing: 1.2pt;
	padding-bottom: 4px;	
}


.mciTable ul { list-style-image:none; list-style-type: circle; } 
.mciTable li { margin-bottom: 2px; margin-top: 2px; }


/***** MCI Table Bright */
.mciTableB
{
	background-color: #ffffff;
	border: 0px solid #c0c0c0;  /* MOZ: Overpaint "border=1" with bg-color in TABLE attribute if present */	
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 8pt;
	letter-spacing: 0.4pt;		
	color: #101010;				
}

.mciTableB tr
{
	vertical-align: center;
}

.mciTableB td
{
	border: 1px solid #c0c0c0;
	padding: 3px 6px 3px 6px;		
}


.mciTableBHeader1 td
{
	border-right: 1px solid #f0f0f0;

	border-top: 1px solid #ffffff;
	background-color: #004983;		
	color: #ffffff;
	font-weight: bold;	
	text-transform: none;
	letter-spacing: 0.8pt;
	padding-bottom: 4px;	
}

.mciTableBHeader2 td
{
	border-right: 1px solid #f0f0f0;
	color: #004983;	
	font-weight: bold;
	background-color: #c0c0c0;
	text-transform: uppercase;
	letter-spacing: 0.8pt;
	padding-bottom: 4px;	
}

.mciTableBHeader3 td
{
	color: #004983;
	border: 1px solid #c0c0c0;
	background-color: #c0c0c0;
	text-transform: none;
	letter-spacing: 0.8pt;
	padding-bottom: 4px;	
}

.mciTableB ul { list-style-image:none; list-style-type: disc; } 
.mciTableB li { margin-bottom: 2px; margin-top: 2px; }


/****** MCI Table Lined*/
.mciTableL
{
  
	background-color: #d8d8d8;
	border: 0px solid white;  /* MOZ: Overpaint "border=1" with bg-color in TABLE attribute if present */	
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 8pt;
	letter-spacing: 1.0pt;	
	color: #202020;				
}

.mciTableL tr
{
	vertical-align: center;
}


.mciTableL td
{
	border-right: 2px solid white;
	border-bottom: 1px solid white;
	padding: 4px 8px 4px 8px;		
}

.mciTableL ul { list-style-image:none; list-style-type: circle; } 
.mciTableL li { margin-bottom: 2px; margin-top: 2px; }


/****** light Green Lines */ 
.greenLines
{
	border-collapse: collapse;   
	border: 0px dotted green; /* must be 0px wide to override TABLE css def */	
	background-color: #f8f8f8;
	color: green;
}

.greenLines tr
{
	vertical-align: center;
}


.greenLines td
{
	border-left: 1px dotted green;
	border-right: 1px dotted green;
	border-top: 1px solid green;		
	border-bottom: 1px solid green;	
	padding: 3px 6px 3px 6px;
}

.greenLinesHeader td
{
	color: white;
	font-weight: bold;
	background-color: #60a060;
	border: 1px solid #60a060;
}



/****** Lined Table ('minimalistic') */

.linedTable
{
	border-collapse: collapse;   
	border: 0px dotted gray; /* must be 0px wide to override TABLE css def */		
	border-spacing:0px;
	empty-cells:show;	
	-moz-border-radius: 4px;
}  

.linedTable th
{
	text-align: left;	
	font-weight: bold;
	border-bottom: 1px solid gray; 
	padding: 6px 6px 6px 6px;
}

.linedTable  td
{
	border-bottom: 1px solid gray;
	border-top: 1px solid gray; 
	padding: 6px 6px 6px 6px;
	vertical-align:center;	
}
 
.linedTableHeader td
{
	font-weight: bold;
	background-color: #b0b0b0;
	border-top-style: none; 	
	border-bottom-style: hidden;	
	color: white;
}

.linedTable ul { list-style-image:none; list-style-type: circle; } 
.linedTable li { margin-bottom: 2px; margin-top: 2px; }



/************  calendar, shown as 3 line table: Top=month, center=day, bottom= year *********/
.calendarTable
{

	margin-right: 12px;
	margin-bottom: 9px;
	margin-top: 8px;
	border: 0px solid #e0e0e0;
	width: 56px;
}

.calendarMotnth
{
	background-color:#c0c0c0; /* oldred #d00000; */ 
	font-size: 9px;
	color: white; 
	text-align:center;
	padding:0px;				
}

.calendarDay
{
	background-color:#f8f8f8; 
	color: #a0a0a0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;	
	padding:0px;				
}

.calendarYear
{
	background-color:#f8f8f8;
	color: #b0b0b0;	 
	border-top: 1px dotted #b0b0b0;
	font-size: 9px;
	text-align:center;
	padding:0px;				
}


/******************************************************************************\
|  I.a. EMBEDDED IMAGES and TEASER (those uploaded with image manager)
\******************************************************************************/

/* The teaser image */
.teaserImg
{
	float:left;
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 2px;
	padding: 0px;
	border: 1px solid #101010;
}


/* cell containing embedded image */
td.embeddedImage1
{
	padding: 10px;
}

/* caption of embedded image */
td.imageCaption1
{
	font-size:8pt;
	padding: 0px 10px 6px 10px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
}


/*        */
/* NONE */
/*        */


.FloatNone_MarginNone_BorderBlack
{
	float: None;
	margin: 0px;
	border: 1px solid black;
}

.FloatNone_MarginNone_BorderLightgray
{
	float: None;
	margin: 0px;
	border: 1px solid #d0d0d0;
}

.FloatNone_MarginNone_BorderGray
{
	float: None;
	margin: 0px;
	border: 1px solid gray;
}

.FloatNone_MarginNone_BorderRed
{
	float: None;
	margin: 0px;
	border: 1px solid red;
}

.FloatNone_MarginMedium
{
	float: None;
	margin: 18px;
}


.FloatNone_MarginMedium_BorderGray
{
	float: None;
	margin-top: 18px;
	margin-bottom: 18px;
	border: 1px solid #e0e0e0;
}


.FloatNone_MarginMedium_BorderGray_BackgroundLightGray
{
	float: None;
	margin-top: 18px;
	margin-bottom: 18px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8; 		
}


/*        */
/* LEFT   */
/*        */

.FloatLeft
{
	float: left;
}

.FloatLeft_MarginMedium
{
	float: left;
	margin: 18px 18px 18px 0px;
}


.FloatLeft_MarginMedium_BorderBlack
{
	float: left;
	margin: 18px 18px 18px 0px;
	border: 1px solid black;
}

.FloatLeft_MarginMedium_BorderGray
{
	float: left;
	margin: 18px 18px 18px 0px;
	border: 1px solid #e0e0e0;
}

.FloatLeft_MarginMedium_BorderGray_BackgroundLightGray
{
	float: left;
	margin: 18px 18px 18px 0px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8; 		
}



/*        */
/* RIGHT  */
/*        */

.FloatRight
{
	float: right;
}

.FloatRight_MarginMedium
{
	float: right;
	margin: 18px 18px 18px 0px;
}

.FloatRight_MarginMedium_BorderBlack
{
	float: right;
	margin: 18px 0px 18px 18px;
	border: 1px solid black;
}


.FloatRight_MarginMedium_BorderGray
{
	float: right;
	margin: 18px 0px 18px 18px;
	border: 1px solid #e0e0e0;
}


.FloatRight_MarginMedium_BorderGray_BackgroundLightGray
{
	float: right;
	margin: 18px 0px 18px 18px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8; 		
}



/******************************************************************************\
|  II. MAIN CONTENT AREA
\******************************************************************************/

.mainContent
{ 
 width: 630px; /* The normal with of the main content area. A wider image/table will widen up to max-width */
 max-width:630px;  /* That's the max width of the main content area. Wider images will break out */
 border: 0px solid red;
 margin: 0px;
 background: white;
 padding-top: 40px; 
 padding-right: 55px; 
 padding-left: 55px;
 padding-bottom: 20px;    
}



/******************************************************************************\
|  III. HORIZONTAL BREAD CRUMB NAVIGATOR
\******************************************************************************/

.rootPathNavigator
{ 
	height: 36px;
/**	width: 100%; */     
	background-image: url(images/custom/circleElementBlue1.gif);
	background-repeat: no-repeat;     
	background-color: #003366;                 
	color: #e0e0e0;  
	vertical-align: middle; 
	border: 0px;
	padding-right: 0px; 
	padding-left: 78px; 
}



/******************************************************************************\
|  IV. LEFT BAR and LEFT MENU NAVIGATOR
\******************************************************************************/



.leftBar 
{
   width: 200px;   
   min-width: 200px;  
   max-width: 200px;   
 
   border: 0px;
   border-color: #a0a0a0;        
   background-color: #f4f4f4;           
   height: 100%;
   overflow: hidden;   
   margin-top: 0px; 
   padding-top: 0px; 
   padding-right: 0px; 
   padding-bottom: 5px; 
   padding-left: 0px;
}



.rootPathItem
{ 
	background-color: #e0e0e0;  
	border-bottom: 1px #CCCC33 dotted;
	border-top: 1px #CCCC33 dotted;	
	padding: 1px 6px 1px 6px;
	text-align: center;
}

.rootPathItemActual
{ 
	background-color: #e0e0e0;  
	border-bottom: 1px #CCCC33 dotted;
	border-top: 1px #CCCC33 dotted;	
	padding: 1px 6px 1px 6px;
	text-align: center;
}

/** The "<-- prevPage | nextPage -->" Table with its one row and three cells */
.nextPrevDocNav
{
	font-size:7pt;
	font-style: italic;
	line-height: 100%;
	width: 100%;
	
}

.nextPrevDocNav tr
{
	height: 1.0em;
	max-height: 1.0 em;	
}

.nextPrevDocNav td
{	
	vertical-align: middle;
}

.prevDoc
{
	text-align:left;
	overflow: hidden;	
}

.nextDoc
{
	text-align:left;
	overflow: hidden;
	width: 100%;	
	border-bottom: 1px #808080 dotted;				
}

 

/** Standard menu in left bar ***********************************************************/

/*<div class='mnItem'>										*/
/*   <div class='mnIn/Out/Blind'>							*/
/*         <table class='mnItemTable'>						*/
/*            <td>ICONS										*/	
/*            <td><a class='mnLink'>LINK</a>	(or <td class='mnBlind'>LABEL</td>)	*/
/*         </table>											*/
/*   </div>			*/
/*</div>			*/
/* menue item DIV box. Followed by .mnIn, .mnOut or .mnBlind*/
/* Every menu item is rendered in this box, regardles if it is active or disabled. */

/* Text to the right of the "level up" arrow (shows short title of parent doc)*/
.levelUpText
{
	font-size:8pt;
	font-style: italic;
}

/* entire menu bar DIV. consist of a number of .menuItem-DIVS */
.mnBar
{
	border-bottom: 1px #808080 dotted; /*<-- very last dotted line */
}

.mnItem
{ 
	border-top: 1px #808080 dotted;
	padding: 0px;
}



/* menue item DIV - mouse hover active item. Is wrapped inside a .mnItem DIV */
.mnIn
{ 
	background-color: #e0e0e0;  
	cursor: pointer;	
}


/* menue item DIV - mouse out active. Is wrapped inside a .mnItem DIV */
.mnOut
{  
}


/* menu item active HREF link text */
.mnItem a
{ 
	color: #3399ff;
	text-decoration: none;	
}


/* a disabled menu item DIV. Is wrapped  inside a .mnItem DIV */
.mnBlind
{  
}

/* each menu item is packed into a table with one row: left cell= icons, right cell= menu links (if enabled) */
/* don't modify it, because it must fill out 100% of the .mnItem */
.mnItemTable
{
	margin: 0px;
	width: 100%;
}

/* menu icone (even if there are none): left cell of table */
td.mnIcons 
{
	height: 1.7em;             /* <--- minimum height of one menu item row */
	padding-left: 12px;  	   /* <--  left identation (padding) before icons */
	vertical-align: top;	
	white-space: nowrap;
}

/* enabled menu item href: Right cell of table */
td.mnLink  
{
	padding-left: 1px;  /* <--  left identation (padding) before link  */
}

/* blind menu item href: Right cell of table */ 
td.mnBlindLink
{
	padding-left: 1px; /* <--  left identation (padding) before blind  */
	color:gray;
}


/** Menu group *******************************************************************/


/* menu group title */
.mnGrpTitle 
{ 
	border-top: 1px #808080 dotted;	
}

/* (blind) menu group title := normal appearance to most users */
.mnGrpTitle .mnBlindLink
{
	font-weight: bold;   
	color: #808098;
}

/* active menu group title := edit appearance  */
.mnGrpTitle .mnLink
{
	font-weight: bold;   
}


/* each menu item is packed into a table with one row: left cell= icons, right cell= menu links (if enabled) */
/* don't modify it, because it must fill out 100% of the .mnItem */
.mnGrpList  .mnItemTable
{
	margin-left: 12px;  /* group list identation */
	width: 100%;
}

/* menu group single item  	width: 146px;      */
.mnGrpList .mnItem
{ 
   border-bottom: none;
   border-top: none;
}





/******************************************************************************\
|  V. TOOLBAR
\******************************************************************************/

.toolbarIcon
{
	height: 15px;
	padding: 0px 5px 0px 0px;
	border: none;	
}




/******************************************************************************\
| VI. LOGIN BOX 
| As inserted by portlet '<!--{ provider="current"; service="includeLogin"; }-->'
| You may surround this portlet with  as a portlet inside a template, or 
| <iv class="login">.... </div>
\******************************************************************************/


.login input 
{
	border: 1px #003366 solid;	
	background:#d0d0d0;
	color:#003366;
	height:17px;
	font-size:8pt;
	margin: 0px; 
	padding-top: 0px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 3px; 
}


.login  
{ 
   border: 0px;
   margin-top: 5px;   
   padding: 0px; 
}


/******************************************************************************\
|  VII. FOOTER
\******************************************************************************/

.footer1	{ font-size:7pt; color:#808080; text-align:center}
.footer2	{ font-size:8pt; color:#808080; text-align:center}





/*##############################################################################*\
|  VII. RENDERER specific styles
\*##############################################################################*/


/*  
| 1. news list
\*-------------------------------------------------------------------------------*/      

/* news item age display "(xx days ago)" */
.itemAge
{
	font-size:smaller;
	color:#808080; 
}


/* First contains the bullet, second the news item content */
.newsItemTable
{
	margin-top: 12px;
	width: 100%;		
}

td.bulletCol
{
	width: 30px;   
	min-width: 30px;
	max-width: 30px;
}

/*  News List- bullet image within its TD.  */
img.bulletCol
{
	border: 0px; 
	margin-top: 4px;
	margin-right: 22px;  /* only IE because IE ignores td.bulletCol width! */	
}



/*  News List Entries within their tables: 'Highly relevant' news entry */
td.newsItem
{
	width: 100%;
}

td.highRelNewsItem
{
	padding: 8px 12px 8px 12px;
	background:#ffffe0;	
}

td.highRelBarLeft
{
	width: 5px;   
	min-width: 5px;
	max-width: 5px;	
	background-repeat:repeat-y;
	background-image:url(images/dangerBarVertical_l.gif);
}

td.highRelBarRight
{
/*
	width: 12px;   
	min-width: 12px;
	max-width: 12px;
	padding: 0px;	
	background-repeat:repeat-y;
	background-image:url(images/dangerBarVertical_r.gif);
*/	
}


/* aggregated news entry, from news list "1" (as specified in options tab) */
.aggregatedItem1
{
	padding-left: 3px;
	background:#c8c8c8;
	-moz-border-radius: 5px;
}

/* aggregated news entry, from news list "2" (as specified in options tab) */
.aggregatedItem2
{
	padding-left: 3px;
	background:#d8d8d8;
	-moz-border-radius: 5px;
}

/* aggregated news entry, from news list "3" (as specified in options tab) */
.aggregatedItem3
{
	padding-left: 3px;
	background:#e8e8e8;
	-moz-border-radius: 5px;
}


/*  
| other renderers
\*-------------------------------------------------------------------------------*/      




/* Media information like Author etc. (Image and ThumbedImage (medium and full view)) */
.mediaInfo
{
	font-size: smaller;
}

/* Thumbnail: title (editable in place) */
.thumbTitle
{
	font-size: 8pt;
	color: gray;
	padding: 1px;
}	

/* File Item: File name and size */
.fileInfo	
{ 
	font-size:7pt; 
	color:#808080; 
}



/* Described Image: Caption below image (doc's title is the caption) */
.imageDescTitle
{
	padding: 2px 0px 0px 0px;	
}