<%--****************************************************************************--%>
<%-- WSRP Portlet styles. These are the standard styles defined for WSRP       --%>
<%-- support. If possible, portlets should use these styles.                    --%>
<%--****************************************************************************--%>

<%-- PORTLET ACTION BUTTONS --%>

<%-- Text for tasks on header bar. --%>
.portlet-dlg-icon-label 
{
    font-weight: bold;
    color: #000000; 
    white-space: nowrap;
}

<%-- Text labels for icons in portlet body --%>
.portlet-icon-label 
{
    color: #000000;
}

<%-- Text for section header in standard portlet and portlet in edit mode --%>
.portlet-section-header 
{
    font-weight: bold;
    color: #333333;
}

<%-- Background color for section header in standard portlet and portlet in edit mode --%>
.portlet-section-header-highlight 
{
    background-color: #F0F0F0;
}

<%-- Text in body of standard portlet and portlet in edit mode --%>
.portlet-font 
{
    font-family: ${requestScope.cssRules.fontFamilySansSerif};
    font-size: ${requestScope.cssRules.fontSize.normal};
    color: #333333;
}

<%-- Main portlet body style --%>
.portlet-section-body 
{
}

.portlet-section-alternate 
{
}

.portlet-section-selected 
{
}

.portlet-section-footer 
{
}

<%-- Text of a subheading --%>
.portlet-section-subheader 
{
    color: #333333;
}

<%-- PORTLET TABLES --%>


<%-- Standard text within table --%>
.portlet-table-text 
{
}

<%-- Text in a selected cell range --%>
.portlet-table-selected 
{
    color: #333333;
    background-color: #c5d1de;
}

<%-- Shaded table row - used to alternate row colors with standard row --%>
.portlet-table-alternate 
{
    color: #333333;
}

<%-- Styles for left, middle and right cells of the header row --%>
.portlet-table-header 
{
    font-weight: normal;
    color: #000000;
    text-align: ${requestScope.cssRules.bidiLeft};
    background-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-style: none;
    border-color: #aaaaaa;
}


<%-- 
Styles for the left, middle, and right cells of a data row. 

Overrides the backward compatibility styles

   .wpsTableRow td, 
   .wpsTableNrmRow td, 
   .wpsTableShdRow td 
--%>

.portlet-table-body 
{
    text-align: ${requestScope.cssRules.bidiLeft};
    border-width: 1px 0px 0px 0px ! important;
    border-style: solid ! important;
    border-color: #aaaaaa ! important;
}

.portlet-table-footer{
}


<%-- PORTLET PAGING TABLES --%>

<%-- new style for a section header row --%>
.portlet-table-subheader 
{
    font-weight: bold;
    color: #000000;
    text-align: ${requestScope.cssRules.bidiLeft};
}

<%-- Text for form entryfields --%>
.portlet-form-input-field 
{
    border: 1px solid #999999;
}

<%-- Text for form buttons --%>
.portlet-form-button 
{ 
    font-weight: bold;
    color: #000000;
    background-color: #DDDDDD;
    background-image: url("./colors/default/ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: ${requestScope.cssRules.bidiLeft} center; 
    border: 1px solid #919191;
    padding: 2px 4px;
    margin: 0px;
    text-align: center;
}

<%-- 
 Text for form element labels 

 The wpsRequiredLabelText style should also used on the text 
 explaining that the field is required even if it is in a footnote. --%>

.portlet-form-field, .portlet-form-field-label 
{
    color: #333333;
}

<%-- Text for form element descriptions --%>
.portlet-font-dim 
{
    color: #808080;
}

<%-- Text used for the descriptive label of the whole form (not the labels for fields) --%>
.portlet-form-label 
{
    color: #333333;
}


<%-- PORTLET MESSAGE AND INLINE HELP TEXT STYLES --%>

<%-- Text for error messages --%>
.portlet-msg-error 
{
    color: #000000;
}

<%-- Text for warning messages --%>
.portlet-msg-alert 
{
    color: #000000;
}

<%-- Text for success messages --%>
.portlet-msg-success 
{
    color: #000000;
}

<%-- Text for information messages --%>
.portlet-msg-info 
{
    color: #000000;
}

<%-- Text for inline help information --%>
.portlet-section-text 
{
    color: #666666;
}

<%-- Text for status messages such as "Progress: 80%" --%>
.portlet-msg-status 
{
    color: #333333;
}






<%-- PORTLET MENUS --%>

<%-- General menu settings such as background color, margins, etc. --%>
.portlet-menu 
{
    background-color: #EEEEEE;  
    border-style: solid;
    border-color: #333333; 
    border-width: 1px;
    padding: 3px;
}

<%-- Normal, unselected menu item --%>
.portlet-menu-item 
{
    background-color: #EEEEEE;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    padding: 3px;
}

<%-- Selected menu item --%>
.portlet-menu-item-selected 
{
    background-color: #aaaaaa;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    padding: 3px;
}

<%-- Normal, unselected menu item when the mouse hovers over it --%>
.portlet-menu-item-hover 
{
    background-color: #cccccc;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    padding: 3px;
}

<%-- Selected menu item when the mouse hovers over it --%>
.portlet-menu-item-hover-selected 
{
   background-color: #cccccc;
   border-style: solid;
   border-color: #333333;
   border-width: 1px;
   padding: 3px;
}

<%-- Normal, unselected menu item that has sub-menus --%>
.portlet-menu-cascade-item 
{
  background-color: #eeeeee;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
  padding: 3px 3px 3px 3px;
}

<%-- Normal, unselected menu item that has sub-menus --%>
.portlet-menu-cascade-item-selected 
{
  background-color:#cccccc;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
  padding: 3px 3px 3px 3px;
}

<%-- Descriptive text for the menu (e.g. in a help context below the menu) --%>
.portlet-menu-description 
{
}

<%-- Menu caption --%>
.portlet-menu-caption 
{
  border-style: solid;
  border-color: #333333; 
  border-width: 1px;
}

<%-- Color for separator lines within portlets --%>
.portlet-separator 
{
    background-color: #999999;
    height: 1px;
}

div.portlet-separator 
{
    background-color: #999999;
  margin: 2px 0 2px 0;
}