body {
    background-color: #D9E9C5;
}

   /* Elements */
	  
   a:link {
      color: #606060;
      text-decoration: none;
   }

   a:visited {
      color: #606060;
      text-decoration: none;
   }

   a:hover {
      color: #000000;
      text-decoration: underline;
   }
	
  /* in Region B max. cols="70" angeben */
  /* in Region A max. cols="14" angeben */
  TEXTAREA {
	background-color: White;
	border: solid 1px #CDE8FE;
	font-weight: normal;
	color: #0082FF;
	font-size: 11px;
	}   

   INPUT {
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0082FF;
	border: thin solid 1px #CDE8FE ;
	cursor: cursor;
}

   SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0082FF;
}

   OPTION {
	background-color: #F7FBFD; /
}


   FONT {
      font-family: Verdana,Arial, Helvetica, sans-serif;
      font-size: 10px;
   }

   .radio{
      border:  none;   	
      border-color: #CDE8FE;
	}
   .check{
       border:  none;   	
       border-color: #CDE8FE;
	}
   FIELDSET {
   /*background-color: #999;*/
      border: 1px solid #75924F;
      padding: 6px;
      background-color: transparent;
   }

   LEGEND {
	text-transform: uppercase;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	font-size: 10px;
	color: #75924F;
}

a.active {
      font-weight: bold;
}

a img {
     border: none;
}

.textBigger {
   font-size: 11px;
   font-weight: bold;
}

UL.list-icon-ypard {
   list-style-image: url(/ypard/digitalAssets/291_favicon.GIF);
}

UL.list-icon-ypard LI {
   line-height: 16px;
   margin-top: 3px;
   margin-bottom: 3px;
}

LI.list-icon-ypard {
 list-style-image: url(/ypard/digitalAssets/291_favicon.GIF);
}

UL.list-icon-bullet {
   list-style-image: url(/ypard/digitalAssets/292_bullet.gif);
   margin-left: 5px;
   margin-top: 3px;
   margin-bottom: 6px;
   padding-top: 1px;
   padding-bottom: 1px;
}

UL.list-icon-bullet LI {
   list-style-image: url(/ypard/digitalAssets/292_bullet.gif);
   margin-left: 6px;
}

UL.list-icon-bullet LI a {
      color: #606060;
      text-decoration: none;
}

UL.list-icon-bullet LI a:link {
      color: #606060;
      text-decoration: none;
}

UL.list-icon-bullet LI a:visited {
      color: #606060;
      text-decoration: none;
}

UL.list-icon-bullet LI a:hover {
      color: #606060;
      text-decoration: underline;
      visibility: visible;
      font-weight: normal;
}
UL.list-icon-bullet LI:hover {
      color: #606060;
      text-decoration: underline;
      visibility: visible;
      font-weight: normal;
}

UL.list-icon-bullet LI a:hoverOn {
}
UL.list-icon-bullet LI a:hoverOff {
}


DIV #regionB .portlet-content-center a {
      color: darkgreen;
   }
DIV #regionB .portlet-content-center a:link {
      color: darkgreen;
   }
DIV #regionB .portlet-content-center a:hover {
   }
DIV #regionB .portlet-content-center a:visited a:hover {
   }
DIV #regionB .portlet-content-center a:visited {
      color: darkgreen;
   }
DIV #regionB .portlet-content-center a:hoverOn {
   }
DIV #regionB .portlet-content-center a:hoverOff {
      color: darkgreen;
   }

/* elemente fuer ueberschriften */ 
 h1 {font-size: 17px; font-weight: bold; color: #64add0;}
 h2 {font-size: 15px; font-weight: bold; color: #64add0;}
 h3 {font-size: 13px; font-weight: bold; color: #64add0;}
 h4 {font-size: 12px; color: #64add0;}
 h5 {font-size: 11px; color: #64add0; margin: 6px}
 h6 {font-size: 10px; color: #64add0; margin: 4px}

/* style feur den aktiver button */
.activ {
	border-style: ridge;
	margin: 1px 1px 1px 1px;
	border-color: #6A89B5 #c0c0c0 #c0c0c0 #6A89B5;
	color: #0082FF;
	background-color: #C5D6EA;
	cursor: pointer;
}
/* style fuer den inaktiven button */
.disabled {
	border-style: ridge;
	margin:1px 1px 1px 1px
	border-color: #6A89B5 #c0c0c0 #c0c0c0 #6A89B5;
	color: #c0c0c0;
	background-color: #C5D6EA;
	cursor: default;
}


  #body {
      background-color: #D9E9C5;   /*Ypard02.gif Blau*/
		margin:0px;
      padding: 0px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
      align:center;
      
   }
   
      /*Portal Header */

/* Abstandhalter unter der Navigationsleiste zum Content */
   #spacer {
      width: 800px;
      line-height: 0px;
      font-size: 0px;
      height: 0px;
      
   }
   
   
   /* Style der Header Tabelle (<table>) */
   #header-container {
      height: 90px;
      width: 100%;
   }
   
   /* Header Hintergrund (<td> Style der Headertabelle, enthält komplette Header information (logo, Navi,...)) */
   #header {
	background-image: url(/ypard/digitalAssets/289_Y-Green.jpg); /*Blau*/
	background-repeat: no-repeat;
	background-position: 0;
	padding: 0px;
	background-color: #D9E9C5; /*Ypard02.gif Blau*/
}
   
   /* <div> tag zur Darstellung des Logos */
   
   #logoName {
	
}
   
   /* <div> tag umschließt komplettes layout */
   
   #portal-container-enlarged {
   width: 950px;
   position:absolute;
   background-color:#D9E9C5; /*Ypard02.gif Blau*/ 
   left:50%;
   margin-left:-400px;
   
   /*part of below IE hack to preserve min-width for portlet regions */
     /* padding: 0 35px 0 350px;*/
   }

   #portal-container {
   width: 800px;
   position:absolute;
   background-color:#D9E9C5; /*Ypard02.gif Blau*/ 
	left:50%;
   margin-left:-400px;
   
   /*part of below IE hack to preserve min-width for portlet regions */
     /* padding: 0 35px 0 350px;*/
   }
   
   /*
   <div> tag, enthält kompletten Contentbereich  
   
   */

   #content-container {
      background-color:#D9E9C5; /*Ypard02.gif Blau*/
      width: 800px;
      text-align: left;
      max-width: 800px;
      position: absolute;
    }
   #content-container-enlarged {
      background-color:#D9E9C5; /*Ypard02.gif Blau*/
      width: 950px;
      text-align: left;
      max-width: 960px;
      position: absolute;
    }
   
/* ab hier muss nichts mehr geändert werden für die verschiedenen themes*/   
   
    /* portlet Regionen, A= links, B= rechts, c= ist leer, da keine dritte Region vorhanden ist */
   #regionA {
      width: 170px; /*170*/
      float: left;
      margin: 0px;
      padding: 0px;
   }

   #regionB {
   /* two column layout*/
      margin: 0 0 0 170px; /* 170*/
      padding: 0;
      width: 625px; /* 625*/
	  }

   #regionB-enlarged {
   /* two column layout, column 2 enlarged */
      margin: 0 0 0 20px; /* 170*/
      padding: 0;
      width: 775px; /* 625*/
	  }

   #regionC {
        /* display: none;*/
		  width: 265px;
		  float:right;
		  margin-top:0px;
		  padding:-400px;
   }
   
   
    /* Style für ein maximiertes Portlet */
   #regionMaximized {
      width: 100%;
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 400px;
   }
   
   #footer-container {
	margin: 0 0 0 0;
	padding: 12px 0px 12px 12px;
	text-align: center;
	background: #f7fbfd;
	border: thin solid #CDE8FE;
}
   
   
   /* bisher ungenutzt */
   
   #navigation-container {
   }
   #navigation {
                margin-left: 50px; 
                width: 700px;
                height: 20px;
                border-bottom-style: solid;
                border-bottom-color: #228B22;
                border-bottom-width: 2px;
   }
   #sub-navigation-container {
   }
   
   /* <hr> zum sicherstellen, dass Footer wirklich unter region a,b und c ist */
   hr.cleaner {
	clear: both;
	height: 1px;
	margin: 0px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}
   
   
       /* Tab Navigation für den Header */

  /* Positionierung des Menu */
  UL#tabsHeader {
	margin-top: 70px;
                margin-left: 0px;
	padding-left: 0px;
	min-width: 400px;
                margin-bottom: 35px;
}
   
   /* Style der Liste */
    UL#tabsHeader li {
	list-style: none;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	padding: 0px:
	background-color: transparent;
}
   
   UL.vertMenu {
     padding-left: 4px;
     margin: 10px 2px 10px 4px;
   }
   UL.vertSubMenu {
     list-style: none;
     padding-left: 10px;
     margin: 2px 2px 4px 10px;
   }

   UL.vertMenu LI:hover {
    color: green;
    visibility: visible;
    font-weight: normal;
   }
   UL.vertMenu LI a:hover {
    color: green;
    visibility: visible;
    font-weight: normal;
   }


   UL#tabsHeader li:hover {
	}
   
   
   /* hover selectors for main header tabs done to deal
   with IE not liking hover pseudo class on li */
   UL#tabsHeader li.hoverOn {
	color: #000000;
}

   UL#tabsHeader li.hoverOff {
	font-weight: 0px;
	}

   UL#tabsHeader a {
	/*display: marker;*/
	float: left;
	padding: 1px 15px 1px 15px;
	text-decoration: none;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
                font-weight: bold;
	background:100% 0 no-repeat;
	color: #565656;
}

   UL#tabsHeader a:hover {
	border: 1px;
	text-decoration: none;
	color: #75924F;
	background-image: url(/ypard/digitalAssets/291_favicon.GIF);
	background-repeat: no-repeat;
	background-position: left;
}

   UL#tabsHeader #current, UL#tabsHeader #current a {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: darkgreen; /*background-color: #CDE6FE;*/
	background-image: url(/ypard/digitalAssets/291_favicon.GIF);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: right;
}

   /* Tab background color for selected global nav item */
   li.currentTabBackground {
      background: #fff;
   }

     

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

   .portlet-container {
	padding: 3px 2px 3px 4px;
}
   
   
   /* Portlet Fensterüberschrift */
   
    .portlet-titlebar-title {
    
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      width:100%;
      color: black;
      white-space: nowrap;
      line-height: 100%;
      float: left;
      text-indent: 10px;
      margin: 0px;
      padding: 0px;
      padding-bottom: 2px;
      top: 0px;
      vertical-align: top;
     
     }
     
     
     /* Fensterdekoration (Symbole oben links an jedem Fenster)*/ 
     
     .portlet-titlebar-decoration {
      background-image: url(/ypard/digitalAssets/287_windowtitle_symbol.gif);
      background-repeat: no-repeat;
      height: 14px;
      width: 5px;
      float: left;
      position: relative;
      top: 0px;
      left: 0px;
      
   }
   
   /* <div> enthält die Fenstermodus Steuersybole (Maximize, Minimize,...) */
   .portlet-mode-container {
      background-image: url(/ypard/digitalAssets/278_windowtitle_controlback.gif);  
      float: right;
      background-repeat: no-repeat;
   }
   
   
   .portlet-titlebar-left {
      background-image: url(/ypard/digitalAssets/281_windowtitle_left.gif);
      background-repeat: no-repeat;
      width: 6px;
      height: 14px;
   }
   
   .portlet-titlebar-center {
      background-image: url(/ypard/digitalAssets/276_windowtitle_background.gif);
      background-repeat: repeat-x;
      height: 14px;
      overflow-x:auto;
   }

   .portlet-titlebar-right {
	background-image: url(/ypard/digitalAssets/286_windowtitle_right.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 14px;
	background-position: right;
}
   
   .portlet-content-center {
	background-color: #f7fbfd;
	background-position: bottom left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 4px;
	color: #000000;
	overflow-x:auto;
   }

   .portlet-content-center UL {
      padding: 0px;
      line-height: 11px;
   }

   .portlet-content-center UL LI a {
      color: black;
      padding-left: 0px;
      line-height: 11px;
   }
   .portlet-content-center UL LI a:visited {
      color: black;
      padding-left: 0px;
      line-height: 11px;
   }
   .portlet-content-center UL LI a:hover {
      color: green;
   }
   
   .portlet-body .portlet-text {
      background-color: #f7fbfd;
      color: #000000;
   }
   
   .portlet-content-right {
      height: 100%;
      background-image: url(/ypard/digitalAssets/272_windowcontent_right.gif);
      background-repeat: repeat-y;
      background-position: left;
      width: 6px;
      min-width: 5px;
   }
   
   .portlet-content-left {
      height: 100%;
      background-image: url(/ypard/digitalAssets/271_windowcontent_left.gif);
      background-repeat: repeat-y;
      background-position: left;
      width: 6px;
   }
   
   
   .portlet-footer-left {
      background-image: url(/ypard/digitalAssets/269_windowcontent_bottomleft.gif);
      background-repeat: no-repeat;
      background-position: left;
      height: 6px;
      width: 6px;
   }
   
   .portlet-footer-center {
      background-image: url(/ypard/digitalAssets/268_windowcontent_bottom.gif);
      background-repeat: repeat-x;
      background-position: left;
      height: 6px;
   }
   
   .portlet-footer-right {
      background-image: url(/ypard/digitalAssets/270_windowcontent_bottomright.gif);
      background-repeat: no-repeat;
      background-position: right;
      height: 6px;
      width: 6px;
   }
   
   
     /* Portlet Window Modes */
	  
   .portlet-mode-maximized {
      background-image: url();
      width: 15px;
      height: 15px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   
     /* Fenster Modus (Maximized, Minimized,...) */
	  
   .portlet-mode-maximized {
      background-image: url(/ypard/digitalAssets/282_windowtitle_maximize.gif);
      width: 12px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   .portlet-mode-minimized {
      background-image: url(/ypard/digitalAssets/283_windowtitle_minimize.gif);
      width: 12px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-normal {
      background-image: url(/ypard/digitalAssets/284_windowtitle_normal.gif);
      width: 12px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   .portlet-mode-help {
      background-image: url(/ypard/digitalAssets/280_windowtitle_help.gif);
      width: 11px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   .portlet-mode-edit {
      background-image: url(/ypard/digitalAssets/279_windowtitle_edit.gif);
      width: 12px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-remove {
      background-image: url(/ypard/digitalAssets/277_windowtitle_close.gif);
      width: 12px;
      height: 13px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   
    .portlet-mode-view {
      background-image: url(/ypard/digitalAssets/288_windowtitle_view.gif);
      width: 13px;
      height: 12px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-reload {
      background-image: url(/ypard/digitalAssets/285_windowtitle_reload.gif);
      width: 13px;
      height: 12px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }
   
   
   /*Copyright Selectors */
	  
   .portal-copyright {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
	   text-align: center;
      color: black;
   }

   a.portal-copyright {
      color: darkgreen;
      text-decoration: none;
      text-align: center;
   }

   a.portal-copyright:hover {
      color: darkorange;
      text-decoration: underline;
      text-align: center;
   }
   
   
   
   UL LI#pagenosub {
	list-style-image: url(/ypard/digitalAssets/292_bullet.gif);
}

   UL LI#foldheader {
      list-style-image: url(/ypard/digitalAssets/292_bullet.gif) !important;
   }

   UL#foldinglist LI {
      list-style-image: url( /ypard/digitalAssets/292_bullet.gif ) !important;
   }
   /* Style für eine alert-message in listenform */
	UL#alert {
		list-style:disc;
		font-family: Verdana,Arial,Helvetica, sans-serif;
		font-size:10px;
		font-style:normal;
		font-weight:normal;
		color:#CC6600;
	}
	/* Style für eine alert-message in listenform innerhalb einer liste */
	UL LI#alert {
      list-style: disc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      color: #CC6600;
   }
	
   
   /*Table Selectors*/
	  
   /* Table header */
   .portlet-table-header {
      font-weight: normal;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
   }
   
   
   /* Normal text in a table cell */
   .portlet-table-body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }

   /* Text in every other row in the table */
   .portlet-table-alternate {
      background-color: #DEDEDE;
      color: #000000;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }
   
   
   /* Text in a selected cell range */
   .portlet-table-selected {
      background-color: #F7FBFD;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
   }

   /* Text of a subheading */
   .portlet-table-subheader {
      font-weight: normal;
      font-size: 10px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #FFCB1D;
   }

   /* Table footer */
   .portlet-table-footer {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #FFCB1D;
   }

   /* 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-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
   }

      
	  /* FONTS */

      /* Font attributes for the normal  fragment font.
         Used for the display of non-accentuated information */
   
   .portlet-font {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
   }

   /* Font attributes similar to the portlet.font but the color is lighter */
   .portlet-font-dim {
      color: #505050;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }

      /*FORMS */

   /* Text used for the descriptive label of the whole form (not the label for fields)*/
   .portlet-form-label {
      color: #FFCC33;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }
   
   /* Text on a form button */
   .portlet-form-button {

}
   
   /* Text that appears beside a context dependent action icon */
   .portlet-icon-label {

   }

      /* Text that appears beside a "standard" icon (e.g Ok, or Cancel)*/
   .portlet-dlg-icon-label {

   }

   /* Text for form field labels */
   .portlet-form-field-label {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
		margin-bottom: 2px;
   }

   /* Text for a form field */
   .portlet-form-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	border: 1px solid #CDE8FE;
	margin-bottom: 2px;
	text-align: center;
}
	

   /* Text of the user-input in an input field.*/
   .portlet-form-input-field {
	color: #000000;
	background-color: #ffffff;
	border: medium double #CDE8FE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom:2px;
}
   
   
      /* MESSAGES */

   /* Status of the current operation. */
   .portlet-msg-status {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
      color: #CC6600;
   }

   /* Help messages, general additional information, etc. */
   .portlet-msg-info {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: italic;
      color: #CC6600;
   }

   /* Error messages. */
   .portlet-msg-error {
      color: #CC6600;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
   }

   /* Warning messages. */
   .portlet-msg-alert {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      color: #CC6600;
   }
   
   /* Verification of the successful completion of a task. */
   .portlet-msg-success {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      color: #000066;
   }

      /* SECTIONS */

   /* Table or section header */
   .portlet-section-header {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-bottom: 1px solid #D9D9D6;
	padding: 12px 0px 0px 0px;
	margin: 12px 0px 4px 0px;
  }

   /* Normal text in a table cell */
   .portlet-section-body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }

   /* Text in every other row in the cell */
   .portlet-section-alternate {
      background-color: #FFFFFF;
      background-image: url(  );
      background-position: bottom left;
      background-repeat: repeat-x;
      border: 1px solid #555;
      color: #8199B1;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      padding: 10px;
   }

   /* This fixes the nesting issue on main screen in alt rows... */
   .portlet-section-alternate {
      color: #8199B1;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }

   .portlet-section-alternate a:link {
      color: #f90;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 10px;
   }

   .portlet-section-alternate a:visited {
	color: #75924F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}
   .portlet-section-alternate a:hover, .portlet-section-alternate a:active {
      color: #FF9933;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 10px;
      text-decoration: none;
   }

   /* Text in a selected cell range */
   .portlet-section-selected {
      background-color: #FFFFFF;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #DEDEDE;
      padding: 10px;
      border: 1px solid #555;
   }

   /* Text of a subheading */
   .portlet-section-subheader {
      font-weight: normal;
      font-size: 10px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #FFCC33;
   }

   /* Table or section footnote */
   .portlet-section-footer {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #FFCC33;
   }

      /* 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-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
   }


  /* MENUS */

   /*General menu settings such as background color, margins, etc. */
   .portlet-menu {

   }

   /* Normal, unselected menu item. */
   .portlet-menu-item {
      color: #000000;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
   }
   
   .portlet-menu-item:hover {
      color: #006600;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      
   }
   
   
   /* 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 {
}
   
   
   /* A separator bar similar to a horizontal rule, but with styling matching the page */
   .portlet-horizontal-separator {
      height: 1px;
      color: #FFFFFF;
   }

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