#body {   background-color: #EEEEEE;   height: 100%;   margin: 0px;   padding: 0px;   color: #000000;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;}UL {   line-height: 1.4em;   list-style-type: circle;   margin-top: 6px;   margin-bottom: 6px;   font-style: italic;}   /*****************   * Portal Header  *   ******************/   /* spacer to keep header at certain width regardless of display sizedone to avoid overlapping of tab navigation in header */#spacer {   line-height: 0px;   font-size: 0px;   height: 0px;   min-width: 800px;}/* Wrapper for Header */#header-container {   background-image: url( images/gsefm2/header-verlauf.gif );   background-color: rgb(189,183,107);   background-repeat: repeat-x;   height: 80px;   width: 100%;   border-width: 0px;}/* Header background */#header {}/* Logo Definition */#logoName {   background-image: url( images/gsefm2/gse-fm-logo.gif );   background-repeat: no-repeat;   width: 500px;   height: 90px;   z-index: 2;   position: absolute;   left: 60px;   top:0px;}   /************************   * Portal Layout Regions *   *************************//* wrapper for entire portal. starts/ends after/before body tag */#portal-container {   margin: 4px 9% 0 9%; /* part of below IE hack to preserve min-width for portlet regions */   padding: 0 400px 0 400px;}/* min width hack for IE */#expander {   margin: 0 -400px 0 -400px;   position: relative;   min-width: 800px;}/* min width hack for IE */#sizer {   width: 100%;}/* IE Hack \*/* html #portal-container,   * html #sizer,   * html #expander {   height: 0;}/* end IE min-width hack *//* table that contains all regions. does not include header */#content-container {   height: 100%;   text-align: left;   min-width: 400px;   border-style: solid;   border-width: 0px;   border-top-width: 1px;   border-color: white;   background-color: #FFFFFF;}/* Login JSP Selectors */#login-container {   position: relative;   left: 30%;   right: 70%;   top: 15%;   bottom: 80%;   width: 320px;   height: 200px;   margin: 10px;}#login-container label, #login-container input {   display: block;   float: left;   width: auto;   margin-top: 15px;   color: #9F625D;}#login-container input {   color: #000000;}#login-container label {   text-align: right;   padding-right: 20px;   width: 95px;   color: #406020;}#login-container br {   clear: left;}#login-container fieldset {   background-color: transparent;   border-width: 1px;   border-color: #9F625D;   background-color: #E1E1C1;}#login-container legend {   font-family: Arial, Helvetica, sans-serif;   font-size: 13px;   font-weight: bold;   color: #406020;}#loginForm {   margin: 0px;   padding: 0px;}/* end Login Page Selectors *//* portlet regions within content-container. this includes footer-container. */#regionA {  /* test to swap columns with regionB...  float: right; */  width: 30%;  float: left;  margin: 0px;  padding: 0px;  min-width: 250px;  max-width: 350px;  /*max-height: 350px;*/  }#regionB {  /*test to swap columns with regionA...  margin: 0 30% 0 0; */  /* two column layout*/  margin: 0 0 0 30%;  padding: 0;  width: 69%;  height: 100%;  /* test to add 3rd region in layout...  width: 40%;  float: right;*/	}#footer-container {	background-image: url( images/gsefm2/logo-esa-gafag-gmes.gif );   background-position: bottom;   background-repeat: no-repeat;   position: absolute;   bottom: -45px;   text-align: left;   height: 30px;   width: 99.5%;   color: black;}#navigation-container {}#navigation {}   /* used to clear float in regionA,B,C divs so thatfooter spans bottom of page */   /* used to clear float in regionA,B,C divs so thatfooter spans bottom of page */hr.cleaner {   clear: both;   height: 1px;   margin: -1px 0 0 0;   padding: 0;   border: none;   visibility: hidden;}   /****************************   * Tab Navigation for Header *   *****************************/UL#tabsHeader {   margin: 0px;   padding-left: 0px   margin-left:auto; margin-right:2px;   float: right;}UL#tabsHeader li {   list-style: none;   float: left;   margin-top: 60px; /* determines visible part of header */   margin-left: 2px;}UL#tabsHeader li:hover {   color: #9F625D;}/* hover selectors for main header tabs */UL#tabsHeader li.hoverOn {   color: #9F625D;}UL#tabsHeader li.hoverOff {}/* basis for header tabs */UL#tabsHeader a {   display: block;   float: left;   padding: 5px 10px 5px 10px;   font: 13px / normal Arial, Helvetica, sans-serif;   background: 100% 0 no-repeat;   background-color: #E1E1C1;   color: #406020;   font-weight: normal;   border-style: solid;   border-width: 0px;   border-color: #9F625D;   text-decoration: none;}UL#tabsHeader a:hover {   text-decoration: underline;   font: 13px / normal Arial, Helvetica, sans-serif;   /*font-weight: bold;*/   color: #406020;}UL#tabsHeader #current {}UL#tabsHeader #current, UL#tabsHeader #current a {}UL#tabsHeader #current a {   background: 100% 0 no-repeat;   background-color: #406020;   color: #E1E1C1;   font-weight: bold;}/* Tab background color for selected global nav item */li.currentTabBackground {   background: #ffffff;}/* backslash hack for IE5-Mac \*/UL#tabsHeader a {   float: none;}/* End Mac Hack */html>body UL#tabsHeader a {   width: auto;}/* fixes IE6 win hack */   /****************************   * Portlet Container Windows *   *****************************/.portlet-container {   padding-top: 0px;   margin: 4px;   /*margin-top: 8px;*/   /*border-style:	outset;*/   border-width: 0px;	border-color:#406020;	height: 100%;}.portlet-titlebar-title {   color: #406020;   font-weight: bold;   font-family: Arial, Helvetica, sans-serif;   font-size: 13px;   white-space: nowrap;   line-height: 100%;   float: left;   text-indent: 20px;   position: relative;   top: 5px;}.portlet-titlebar-decoration {}/* wrapper for floating portlet window modes */.portlet-mode-container {   float: right;}.portlet-titlebar-left {}.portlet-titlebar-center {   background-color: #EEEEEE;   background-image: url( images/gsefm2/header-verlauf.gif );   background-repeat: repeat-x;   border-style: solid;   border-color: White;/*#9F625D;*/   height: 25px;}.portlet-titlebar-right {}.portlet-content-left {}.portlet-content-center {   background-color: #FFFFFF;   background-repeat: repeat;   vertical-align: top;   font-family: Arial, Helvetica, sans-serif;   font-size: 13px;   margin-left: 5px;   margin-right: 5px;   margin-top: 3px;   margin-bottom: 3px;   color: #000000;   height: 100%;}.portlet-content-right {}.portlet-body {   background-color: #FFFFFF;}.portlet-footer-left {}.portlet-footer-center {}.portlet-footer-right {}   /***********************   * Portlet Window Modes *   ************************/.portlet-mode-maximized {   background-image: url( images/gsefm2/maximize.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;   visibility: hidden;}.portlet-mode-minimized {   /*background-image: url( images/gsefm2/minimize.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;	visibility: hidden;*/}.portlet-mode-normal {   /*background-image: url( images/gsefm2/normal.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;	visibility: hidden;*/}.portlet-mode-help {   /*background-image: url( images/gsefm2/help.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;*/)}.portlet-mode-edit {   /*background-image: url( images/gsefm2/edit.gif );   background-repeat: no-repeat;   width: 10px;   height: 10px;   float: right;   cursor: pointer;	position: relative;   right: 0px;	top:0px;	visibility: hidden;*/}.portlet-mode-remove {   /*background-image: url( images/gsefm2/remove.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;*/}.portlet-mode-view {   /*background-image: url( images/gsefm2/view.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;*/}.portlet-mode-reload {   /*background-image: url( images/gsefm2/reload.png );   background-repeat: no-repeat;   width: 22px;   height: 22px;   border-style: solid;   border-width: 1px;   border-color: #9F625D;   float: left;   display: inline;   cursor: pointer;*/}   /**********************   * Copyright Selectors *   ***********************/.portal-copyright {   color: #000000;	   font-weight: normal;   font-family: Arial, Helvetica, sans-serif;   font-style: italic;   font-size: 13px;}a.portal-copyright {   color: #000000;   text-decoration: none;}a.portal-copyright:hover {   color: #9F625D;   text-decoration: none;}/*#ThemeBy:before {   content: url( images/gsefm2/test.jpg )"xxx";}*/   /*************   *  Elements  *   **************/a {   color: #AF625D;   text-decoration: underline;}a:hover {   color: #AF625D;   text-decoration: none;   font-style: italic;}INPUT {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   color: #000000;}SELECT {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   color: #000000;}FONT {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   color: #000000;}FIELDSET {   background-color: transparent;   border: 1px solid #9F625D;   margin-top: 10px;   margin-bottom: 40px;}LEGEND {   background-color: transparent;   padding-left: 6px;   padding-right: 6px;   padding-bottom: 0px;   font-size: 13px;}/* below 3 selectors overwrite inline styles for page menu portlet */#foldheader {   list-style-image: url( images/gsefm2/bullet.gif ) ! Important;   vertical-align: right;   cursor: hand !important;   margin-left: -10px;}#foldinglist {   margin-left: 10px;   list-style-image: url( images/gsefm2/bullet.gif ) ! Important;   list-style-position: outside;   cursor: hand !important;   margin-left: -10px;}#pagenosub {   list-style-image: url( images/gsefm2/bullet.gif ) ! Important;   cursor: hand !important;   margin-left: -10px;   vertical-align: middle;}   /********   * FONTS *   *********/   /* Font attributes for the normal fragment font.Used for the display of non-accentuated information */.portlet-font {   color: #000000;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;}/* Font attributes similar to the portlet.font but the color is lighter */.portlet-font-dim {   color: #406020;   font-family: Arial, Helvetica, sans-serif;   font-size: 13px;   font-weight: bold;}   /********   * FORMS *   *********/.portlet-form-label {   color: #000;   text-decoration: none;   font-size: 12px;   font-weight: bold;}/* Text of the user-input in an input field. not sure if we need this guy? */.portlet-form-input-field {   color: #000000;   font-size: 12px;   border-color: #000000;   border-style: solid;   border-width: 1px;   background-color: #FFFFFF;}/* Text on a form button */.portlet-form-button {   font-size: 12px;   color: #000000;}/* Text that appears beside a context dependent action icon */.portlet-icon-label {}   /* Text that appears beside a "standard" icon (e.g Ok, or Cancel)not sure if we need this one?.. */.portlet-dlg-icon-label {}/* Text for form field labels */.portlet-form-field-label {   font-family: Arial, Helvetica, Sans-Serif, sans-serif;   font-size: 12px;   color: #000000;   vertical-align: bottom;}/* Text for a form field */.portlet-form-field {   font-family: Arial, Helvetica, Sans-Serif, sans-serif;   font-size: 12px;   color: #000000;}   /********   * LINKS *   *********/.portal-links:link {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #406020;   text-decoration: none;}.portal-links:hover {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #9F625D;   text-decoration: none;}.portal-links:active {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #000000;   text-decoration: none;}.portal-links:visited {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #406020;   text-decoration: none;}   /***********   * MESSAGES *   ************//* Status of the current operation. */.portlet-msg-status {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-style: normal;   font-weight: bold;   color: #95A490;}/* Help messages, general additional information, etc. */.portlet-msg-info {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-style: italic;   color: #000000;   line-height: 1.6em;}/* Error messages. */.portlet-msg-error {   color: red;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;}/* Warning messages. */.portlet-msg-alert {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #9F625D;}/* Verification of the successful completion of a task. */.portlet-msg-success {   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   font-weight: bold;   color: #705130;}   /********   * MENUS *   *********//*General menu settings such as background color, margins, etc. */.portlet-menu {}/* Normal, unselected menu item. */.portlet-menu-item {   color: #9F625D;   text-decoration: none;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;}.portlet-menu-item:hover {   color: #9F625D;   text-decoration: none;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;}/* Selected menu item. */.portlet-menu-item-selected {}/* Selected menu item when the mouse hovers over it. */.portlet-menu-item-selected:hover {}/* Normal, unselected menu item that has sub-menus. */.portlet-menu-cascade-item {}/* Selected sub-menu item that has sub-menus */.portlet-menu-cascade-item-selected {}/* Descriptive text for the menu (e.g. in a help context below the menu) */.portlet-menu-description {}/* Menu caption */.portlet-menu-caption {}/* ===== WSRP 2.0 - As of now proposed additions are:        ===== */   /***********   * SECTIONS *   ************//* Table or section header */.portlet-section-header {   font-weight: bold;   font-size: 13px;   border-bottom-style: solid;   border-bottom-width: 2px;   border-bottom-color: #9F625D;   padding-top: 2px;}.portlet-section-body {   color: #000000;   font-size: 12px;   padding: 5px;   vertical-align: top;   text-align: justify;   line-height: 1.4em;}.portlet-section-alternate {   font-size: 12px;   background-color: #FFFFFF;}.portlet-section-selected {   font-size: 12px;   background-color: #D8E2C3;}.portlet-section-subheader {   font-weight: bold;   font-size: 12px;}.portlet-section-footer {   font-size: 11px;}   /* Text that belongs to the table but does not fall in one of the other categories(e.g. explanatory or help text that is associated with the section. */.portlet-section-text {   font-size: 12px;   color: #000;   font-style: italic;}   /*******************   * Table Selectors  *   ********************//* Table header */.portlet-table-header {   font-weight: bold;   font-size: 14px;   padding-top: 5px;   border-bottom-style: solid;   border-bottom-width: 2px;   border-bottom-color: #9F625D;}/* Normal text in a table cell */.portlet-table-body {   color: #000000;   font-size: 12px;   padding: 5px;   vertical-align: top;   text-align: justify;   line-height: 1.4em;}/* Text in every other row in the table */.portlet-table-alternate {   color: #000000;   font-size: 12px;   background-color: #C6D1B1;}/* Text in a selected cell range */.portlet-table-selected {   color: #000000;   font-size: 12px;   background-color: #E1E1C1;}/* Text of a subheading */.portlet-table-subheader {   font-weight: bold;   color: #000000;   font-size: 12px;   padding: 5px;   vertical-align: top;}/* Table footer */.portlet-table-footer {   font-size: 11px;}/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */.portlet-table-text {   font-size: 12px;   color: #000000;   font-style: italic;}/* A separator bar similar to a horizontal rule, but with styling matching the page */.portlet-horizontal-separator {   color: #9F625D;   height: 10px;}/* Allows portlets to mimic the title bar when nesting something */.portlet-nestedTitle-bar {}/* Allows portlets to match the textual character of the title on the title bar. */.portlet-nestedTitle {}/* Support portlets having tabs in the same style as the page or other portlets */.portlet-tab {}/* Highlight the tab currently being shown */.portlet-tab-active {}/* Highlight the selected tab (not yet active) */.portlet-tab-selected {}/* A tab which can not be currently activated */.portlet-tab-disabled {}/* Top level style for the content of a tab. */.portlet-tab-area {}   /****************** Not sure about the following selectors:   PortletHeaderColor   PortletHeaderText   LeftCurve   PortletHeaderLink   RightCurve   RegionBorder   RegionHeaderColor   **************************************************************/