/******************************************************************************/
/** Catalog - WebSphere General styles  (taken from Corporate theme) */
/******************************************************************************/
@charset "utf-8";           /*  Per coop - Japanese and proxy issues */

/******************************************************************************/
/** IBM.com v11 - General styles  (taken from Corporate theme)            */
/******************************************************************************/

/* Body */
body {
  background-color: #FFFFFF;
}

/* Background with emphasis color for portlet */
.wpsPortletColorBack {
    background-color: #CCCCCC;
}

.padLeftRight {
  padding: 3px 0px;
}

/* ======================================= */

/* DYNAMIC IBM ACTION BUTTON */
.buttonStart    {
	background-image: url(../images/button_start.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 21px;
	width: 27px;
  cursor: pointer;
}
.buttonStartDownload   {
	background-image:url(../images/button_start_download.gif);
	background-position: right;
	background-repeat:no-repeat;
	height: 21px;
	width: 27px;
  cursor: pointer;
}
.buttonText  {
	background-image:url(../images/button_middle.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	height: 21px;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
    white-space: nowrap;
  cursor: pointer;
}
.buttonEnd {
	background-image:url(../images/button_end.gif);
	background-position: left;
	background-repeat:no-repeat;
	height: 21px;
	width: 9px;
  cursor: pointer;
}

/* ******************************** DYNATABLE ******************************** */
/* DynaTable.classes.PagingTable         = "wpsPagingTable"; */
/* DynaTable.classes.NavTop           = "wpsPagingTableHeader"; */
/* DynaTable.classes.NavBottom        = "wpsPagingTableFooter"; */
/* DynaTable.classes.PagingTableBody  = "wpsPagingTableBody"; */
.wpsPagingTable, .wpsPagingTableHeader, .wpsPagingTableFooter, .wpsPagingTableBody {
  border: 0px none;
}

/* DynaTable.classes.NavTopStart      = "wpsPagingTableHeaderStart"; */
/* DynaTable.classes.NavTopMiddle     = "wpsPagingTableHeaderMiddle"; */
/* DynaTable.classes.NavTopEnd        = "wpsPagingTableHeaderEnd"; */
/* DynaTable.classes.NavBottomStart   = "wpsPagingTableFooterStart"; */
/* DynaTable.classes.NavBottomMiddle  = "wpsPagingTableFooterMiddle"; */
/* DynaTable.classes.NavBottomEnd     = "wpsPagingTableFooterEnd"; */
.wpsPagingTableHeaderStart, .wpsPagingTableHeaderMiddle, .wpsPagingTableHeaderEnd, .wpsPagingTableFooterStart, .wpsPagingTableFooterMiddle, .wpsPagingTableFooterEnd {
  background-color: #FFFFFF;
  border: 0px none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000000;
}

/* DynaTable.classes.Table                   = "wpsTable"; */
.wpsTable {
  border: 0px none;
  color: #000000;
  border-spacing: 1px 0px;
}

/* DynaTable.classes.Header           = "wpsTableHead"; */
.wpsTableHead {
  color: #000000;
  background-color: #CCCCCC;
  font-weight: bold;
  padding: 2px 6px;
  text-align: left;
  vertical-align: bottom;
}

/* DynaTable.classes.HeaderStart      = "wpsTableHeadStart"; */
/* DynaTable.classes.HeaderEnd        = "wpsTableHeadEnd"; */
.wpsTableHeadStart,
.wpsTableHeadEnd,
.wpsTableHeadStartAlignCenter,
.wpsTableHeadEndAlignCenter,
.wpsTableHeadStartNumeric,
.wpsTableHeadEndNumeric {
  border-bottom: 2px solid #CCCCCC;
  padding: 0px;
}

/* DynaTable.classes.HeaderMiddle     = "wpsTableHeadMiddle"; */
.wpsTableHeadMiddle {
  border-bottom: 2px solid #CCCCCC;
  text-align: left;
  padding: 3px 6px;
}

.wpsTableHeadMiddleAlignCenter {
  border-bottom: 2px solid #CCCCCC;
  text-align: center;
  padding: 3px 6px;
}

.wpsTableHeadMiddleNumeric {
  border-bottom: 2px solid #CCCCCC;
  text-align: right;
  padding: 3px 6px;
}

/* DynaTable.classes.Data             = "wpsTableNrmRow"; */
.wpsTableRow, .wpsTableNrmRow {
  background-color: #ffffff;
  color: #00639C;
  padding: 3px 6px;
}

/* DynaTable.classes.DataHover        = "wpsTableSelectedRow"; */
.wpsTableSelectedRow, .portlet-section-selected {
  background-color: #CECECE;
  color: #00639C;
  cursor: pointer;
  padding: 3px 6px;
}

/* DynaTable.classes.DataStart        = "wpsTableDataStart"; */
/* DynaTable.classes.DataEnd          = "wpsTableDataEnd"; */
.wpsTableDataStart, .wpsTableDataEnd {
  border-bottom: 1px solid #CECECE;
  color: #00639C;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

/* DynaTable.classes.DataMiddle       = "wpsTableDataMiddle"; */
.wpsTableDataMiddle {
  border-bottom: 1px solid #CECECE;
  color: #00639C;
  padding: 3px 6px;
  text-align: left;
  vertical-align: text-top;
}

/* DynaTable.classes.DataMiddleRight  = "wpsTableDataMiddleNumeric"; */
.wpsTableDataStartNumeric, .wpsTableDataMiddleNumeric, .wpsTableDataEndNumeric {
  border-bottom: 1px solid #CECECE;
  color: #00639C;
  padding: 3px 6px;
  text-align: right;
  vertical-align: top;
}

/* DynaTable.classes.DataMiddleCenter = "wpsTableDataMiddleAlignCenter"; */
.wpsTableDataStartAlignCenter, .wpsTableDataMiddleAlignCenter, .wpsTableDataEndAlignCenter {
  border-bottom: 1px solid #CECECE;
  color: #00639C;
  padding: 3px 6px;
  text-align: center;
  vertical-align: top;
}
/* ******************************** DYNATABLE ******************************** */

/*
.IBMv14 a, .wpsLink, a:active, .wpsLink:active {
  color: #5C81A7;
  text-decoration: none;
}

.IBMv14 a:visited, .wpsLink:visited {
  color: #996699;
  text-decoration: none;
}

.IBMv14 a:hover, .wpsLink:hover {
  text-decoration: underline;
}
*/

.wpsPortletTitle {
  background-color: #3C5F84;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 3px;
  border-spacing: 0px;
}

/* ******************************** END: Customized classes ********************** */



/* ********************************  OTHER WPS CLASSES  ************************** */

/* Standard text within table - New in v5 */
.wpsTableText, .portlet-section-body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
}

/* Shaded table row - used to alternate row colors with standard row - New in v5 */
/* For the v5 look, we have intentionally disabled alternating shaded table rows because
   we have lines between the rows.  However, Netscape 4.x cannot display borders
   properly so we still use the alternating shaded rows on legacy browsers. */
.wpsTableShdRow, .portlet-section-alternate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #333333;
        /* Comment to hide styles for legacy browsers from modern browsers.
    background-color: #ececec; 
        */
}

/* Text of a subheading - New in v5 */
.portlet-section-subheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #220066;
}    



/******************************************************************************/
/* Styles used in portlets                                                    */
/*                                                                            */
/*   Portlets should only use styles in this section.                         */
/*   They should not use any of the styles defined in other sections.         */
/******************************************************************************/

/* PORLTET ACTION BUTTONS */

/* Text for tasks on header bar. Note that the text color is hidden from
   legacy browsers for consistency, not because it can't handle the attribute.
   New in v5 */
.wpsTaskIconText, .portlet-dlg-icon-label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #2D1954; 
    white-space: nowrap;
        /* Comment to hide styles for legacy browsers from modern browsers.
    color: #000000; 
        */
}

/* Text for disabled tasks on header bar. Note that the text color is hidden from
   legacy browsers for consistency, not because it can't handle the attribute. 
   New in v5 */
.wpsTaskDisabledIconText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    white-space: nowrap;
    color: #857A99; 
}

/*
 Table surrounding the task on header bar. This style is present to disable the border="1" in
 the markup which was necessary to support legacy browsers.
 New in v5 */
.wpsTaskIconBorderTable, .wpsTaskDisabledIconBorderTable {
    border: 0px;
}

/* Background behind the task icon text.  Note that the background color is hidden from
   legacy browsers for consistency, not because it can't handle the attribute.
   New in v5 */
.wpsTaskIconTextBackground {
    background-color: #D2C9D4; 
    background-image: url("../ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: left center;     
    border: 1px solid #5E4D80;
    padding: 4px 16px;
    margin: 0px;    
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/* Background behind the disabled task icon text.  Note that the background color is hidden from
   legacy browsers for consistency, not because it can't handle the attribute. 
   New in v5 */
.wpsTaskDisabledIconTextBackground {
    background-color: #D2C9D4; 
    background-image: url("../ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: left center;     
    border: 1px solid #A19CAB;
    padding: 4px 16px;
    margin: 0px;    
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/* Text labels for icons in portlet body - New in v5 */
.wpsDialogIconText, .portlet-icon-label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #5E4D80;
}

/* Text labels for disabled icons in portlet body */
.wpsDialogDisabledIconText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #8F8A99;
}

/* Background for dialog icon - New in v5 */
.wpsDialogIconBackground {
    text-align: center;
    vertical-align: middle;
    background-color: #DCD6DD;
    background-image: url("../DialogIconBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border-top: 1px solid #956FA0;
    border-right: 0px none #956FA0;
    border-bottom: 1px solid #956FA0;
    border-left: 1px solid #956FA0;
    padding: 0px 0px;
    margin: 0px;
}

/* Background for dialog icon text - New in v5 */
.wpsDialogIconTextBackground {
    text-align: center;
    vertical-align: middle;
    background-color: #DCD6DD; 
    background-image: url("../DialogIconTextBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border-top: 1px solid #956FA0;
    border-right: 1px solid #956FA0;
    border-bottom: 1px solid #956FA0;
    border-left: 0px none #956FA0;
    padding: 2px 4px;
    margin: 0px;
    white-space: nowrap;
}

/* Background for disabled dialog icon - New in v5 */
.wpsDialogDisabledIconBackground {
    text-align: center;
    vertical-align: middle;
    background-color: #DCD6DD;
    background-image: url("../DialogIconBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border-top: 1px solid #BBB0BE;
    border-right: 0px none #BBB0BE;
    border-bottom: 1px solid #BBB0BE;
    border-left: 1px solid #BBB0BE;
    padding: 0px 0px;
    margin: 0px;
}

/* Background for dialog icon text - New in v5 */
.wpsDialogDisabledIconTextBackground {
    text-align: center;
    vertical-align: middle;
    background-color: #DCD6DD; 
    background-image: url("../DialogIconTextBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border-top: 1px solid #BBB0BE;
    border-right: 1px solid #BBB0BE;
    border-bottom: 1px solid #BBB0BE;
    border-left: 0px none #BBB0BE;
    padding: 2px 4px;
    margin: 0px;
    white-space: nowrap;
}

/* Size of icon on a dialog button - New in v5 */
.wpsDialogIcon {
    width: 16px;
    height: 16px;
}

/* Button bar area at top and bottom of portlet - New in v5 */
.wpsButtonBarTop, .wpsButtonBarBottom {
    background-color: #DFDFDF; 
}


/* PORTLET BACKGROUNDS AND TEXT STYLES */

/* Standard background for portlet */
.wpsPortletBack {
    background-color: #FFFFFF;
}

/* Background for portlet in edit and configure mode */
.wpsEditBack, .wpsConfigureBack {
    background-color: #FFFFFF;
}

/* Panel background for portion of advanced options - New in v5 */
.wpsAdvancedOptions { 
    background-color: #e4e4e4;
    border: solid 1px #4A4A4A;
    margin-left: 10px;
}

/* Text for header in standard portlet and portlet in edit mode */
.wpsPortletHead, .wpsEditHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: black;
}

/* Text for section header in standard portlet and portlet in edit mode - New in v5 */
.portlet-section-header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #220066;
}

/* Text in body of standard portlet and portlet in edit mode - New in v5 */
.wpsPortletText, .wpsEditText, .wpsPortletSmText, .wpsEditSmText, .wpsPortletTinyText, .portlet-font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #220066;
}

/* Text for copyright information - New in v5 */ 
.wpsCopyrightText  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #999999;
}

/* Main portlet body style */
.wpsPortletBody {
}


/* PORTLET TABLES */


/* PORTLET FORM-RELATED TEXT STYLES */

/* Text for form entryfields - New in v5 */
.wpsEditField, .portlet-form-input-field {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    border: 1px solid #999999;
}

/* Text for form buttons - New in v5 */
.wpsButtonText, .portlet-form-button { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #2D1954;
    background-color: #D2C9D4; 
    background-image: url("../ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border: 1px solid #5E4D80;
    padding: 2px 11px;
    margin: 0px;
    text-align: center;
}

/* Text for disabled form buttons - New in v5 */
.wpsButtonDisabledText { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #857A99;
    background-color: #D2C9D4; 
    background-image: url("../ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border: 1px solid #A19CAB;
    padding: 2px 11px;
    margin: 0px;
    text-align: center;
}

/* Text for form browse button <input type="file" ...> - New in v5 */
.wpsBrowseButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
}

/* Text for form element labels - New in v5 */
/* The wpsRequiredLabelText style should also used on the text explaining that the field is required even if it is in a footnote. */
.wpsLabelText, .portlet-form-field, .portlet-form-field-label, wpsRequiredLabelText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #220066;
}

/* Strong text in form element labels where a value is required - New in v5 */
.wpsRequiredLabelText strong {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #ff0000;
}

/* Text for form element descriptions - New in v5 */
.wpsDescriptionText, .portlet-font-dim {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #937A99;
}

/* Text used for the descriptive label of the whole form (not the labels for fields) - New in v5 */
.portlet-form-label {
    color: #220066;
}


/* PORTLET MESSAGE AND INLINE HELP TEXT STYLES */

/* Text for error messages - New in v5 */
.wpsFieldErrorText, .portlet-msg-error {
    color: #C83030;
}

/* Text for warning messages - New in v5 */
.wpsFieldWarningText, .portlet-msg-alert {
    color: #333333;
}

/* Text for success messages - New in v5 */
.wpsFieldSuccessText, .portlet-msg-success {
    color: #333333;
}

/* Text for information messages -New in v5 */
.wpsFieldInfoText, .portlet-section-footer {
    color: #999999;
}

/* Text for inline help information - New in v5 */
.wpsInlineHelpText, .portlet-msg-info, .portlet-section-text {
    color: #666666;
}

/* Text for status messages such as "Progress: 80%" - New in v5 */
.portlet-msg-status {
    color: #333333;
}

/* Monospaced text for listboxes and other fields where columns need to line up - New in v5 */
.wpsFieldMonospaced {
    font-family: monospace;
    font-size: small;
}

/* PORTLET MENUS */

/* General menu settings such as background color, margins, etc. - New in v5 */
.portlet-menu {
	background-color: #EEEEEE;  
	border-style: solid;
	border-color: #333333; 
	border-width: 1px;
    padding: 3px;
}

/* Normal, unselected menu item - New in v5 */
.portlet-menu-item {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px;
}

/* Selected menu item - New in v5 */
.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 - New in v5 */
.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 - New in v5 */
.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 - New in v5 */
.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 - New in v5 */
.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) - New in v5 */
.portlet-menu-description {
}

/* Menu caption - New in v5 */
.portlet-menu-caption {
	border-style: solid;
	border-color: #333333; 
	border-width: 1px;
}


/* PORTLET TABS */

/* Bar area on which tabs are displayed - New in v5 */
.wpsPortletTabBar { 
}

/* Area separating the tabs from the items below the tabs - New in v5 */
.wpsPortletTabBarSeparator {
    background-color: #b8accf;
    margin: 0px;
    padding: 0px;
    height: 5px;
}

/* The table displaying all of the tabs - New in v5 */
.wpsPortletTabSet {
    border: 0px;
    background-color: transparent;
}

/* The area of the tab set where the unselected tabs are displayed - New in v5 */
.wpsPortletTab {
    border: 0px;
    background-color: transparent;
        /* Comment to hide styles for legacy browsers from modern browsers.
    background-color: #D8D8D8;
        */
}

/* The area of the tab set where the selected tab is displayed - New in v5 */
.wpsPortletSelectedTab {
    border: 0px;
    background-color: transparent;
        /* Comment to hide styles for legacy browsers from modern browsers.
    background-color: #cccccc;
        */
}

/* The top left cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabTopStart {
    background-color: #e5dcf7;
    border-top: 1px solid #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
    padding: 0px 2px 0px 2px;
    width: 5px;
    height: 5px;
}

/* The top center cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabTopCenter {
    background-color: #e5dcf7;
    border-top: 1px solid #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 0px none #b8accf;
}

/* The top right cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabTopEnd {
    background: url("../PortletTabTopRight.gif");
    background-repeat: no-repeat;
    background-position: right top;
    border-style: none;
    background-color: transparent;
    padding: 0px 2px 0px 2px;
    width: 5px;
    height: 5px;
        /* Comment to hide styles for legacy browsers from modern browsers.
    background-color: #e5dcf7;
        */
}

/* The middle left cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabMiddleStart {
    background-color: #e5dcf7;
    border-top: 0px none #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
}

/* The center cell of a 9 x 9 table displaying the unselected tab.  The tab text is displayed in this cell. - New in v5 */
.wpsPortletTabMiddleCenter {
    background-color: #e5dcf7;
    white-space: nowrap;
    border-style: none;
}

/* The middle right cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabMiddleEnd {
    background-color: #e5dcf7;
    border-top: 0px none #b8accf;
    border-right: 1px solid #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 0px none #b8accf;
}

/* The bottom left cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabBottomStart {
    background-color: #e5dcf7;
    border-top: 0px none #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
    width: 5px;
    height: 5px;
}

/* The bottom center cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabBottomCenter {
    background-color: #e5dcf7;
    border-style: none;
}

/* The bottom right cell of a 9 x 9 table displaying the unselected tab - New in v5 */
.wpsPortletTabBottomEnd {
    background-color: #e5dcf7;
    border-top: 0px none #b8accf;
    border-right: 1px solid #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 0px none #b8accf;
    width: 5px;
    height: 5px;
}


/* The top left cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabTopStart {
    background-color: #b8accf;
    border-top: 1px solid #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
    padding: 0px 2px 0px 2px;
    width: 5px;
    height: 5px;
}

/* The top center cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabTopCenter {
    background-color: #b8accf;
    border-top: 1px solid #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 0px none #b8accf;
}

/* The top right cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabTopEnd {
    background: url("../PortletSelectedTabTopRight.gif");
    background-repeat: no-repeat;
    background-position: right top;
    border-style: none;
    background-color: transparent;
    padding: 0px 2px 0px 2px;
    width: 5px;
    height: 5px;
        /* Comment to hide styles for legacy browsers from modern browsers.
    background-color: #b8accf;
        */
}

/* The middle left cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabMiddleStart {
    background-color: #b8accf;
    border-top: 0px none #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
}

/* The center cell of a 9 x 9 table displaying the selected tab. The tab text is displayed in this cell. - New in v5 */
.wpsPortletSelectedTabMiddleCenter {
    background-color: #b8accf;
    border-style: none;
    white-space: nowrap;
}

/* The middle right cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabMiddleEnd {
    background-color: #b8accf;
    border-top: 0px none #b8accf;
    border-right: 1px solid #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
}

/* The bottom left cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabBottomStart {
    background-color: #b8accf;
    border-top: 0px none #b8accf;
    border-right: 0px none #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 1px solid #b8accf;
    width: 5px;
    height: 5px;
}

/* The bottom center cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabBottomCenter {
    background-color: #b8accf;
    border-style: none;
}

/* The bottom right cell of a 9 x 9 table displaying the selected tab - New in v5 */
.wpsPortletSelectedTabBottomEnd {
    background-color: #b8accf;
    border-top: 0px none #b8accf;
    border-right: 1px solid #b8accf;
    border-bottom: 0px none #b8accf;
    border-left: 0px none #b8accf;
    width: 5px;
    height: 5px;
}

/* Link for tab text - New in v5 */
.wpsPortletTabLink, .wpsPortletTabLink:hover, .wpsPortletTabLink:visited, .wpsPortletTabLink:active {
    color: #333333;
}

/* Link for selected tab text - New in v5 */
.wpsPortletSelectedTabLink, .wpsPortletSelectedTabLink:hover, .wpsPortletSelectedTabLink:visited, .wpsPortletSelectedTabLink:active {
    color: #ffffff;
}


/* PORTLET TOOLBARS */

/* Bar area on which tools are displayed - New in v5 */
.wpsPortletToolbar {
    background-color: #d7cfe7;
    border-top: 1px solid #e5dcf7;
    border-right: 1px solid #b8accf;
    border-bottom: 1px solid #b8accf;
    border-left: 1px solid #e5dcf7;
}

/*
 Section of the toolbar.  Usually there is only one.
 For the most part, this style is present to disable the border="1" in
 the markup which was necessary to support legacy browsers.
 New in v5 */
.wpsPortletToolbarSection {
   border-width: 0px;
}

/* Table displaying the tools in this section */
.wpsPortletToolbarSet {
}

/* A normal toolbar button */
.wpsPortletToolbarButton {    
    background-color: #d7cfe7;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #d7cfe7;
}

/* A toolbar button with the mouse hovering over it */
.wpsPortletToolbarButtonRollover {
    background-color: #d7cfe7;
    padding: 3px;
    border-top: 1px solid #e5dcf7;
    border-right: 1px solid #b8accf;
    border-bottom: 1px solid #b8accf;
    border-left: 1px solid #e5dcf7;
}

/* A toolbar button with the mouse button pressed or selected */
.wpsPortletToolbarButtonPressed {
    background-color: #eae7ef;
    padding: 3px;
    border-top: 1px solid #b8accf;
    border-right: 1px solid #e5dcf7;
    border-bottom: 1px solid #e5dcf7;
    border-left: 1px solid #b8accf;
}

/* A selected toolbar button */
.wpsPortletToolbarButtonSelected {
    background-color: #c1bbce;
    padding: 3px;
    border-top: 1px solid #b8accf;
    border-right: 1px solid #e5dcf7;
    border-bottom: 1px solid #e5dcf7;
    border-left: 1px solid #b8accf;
}

/* A toolbar button with the mouse hovering over it */
.wpsPortletToolbarButtonSelectedRollover {
    background-color: #c1bbce;
    padding: 3px;
    border-top: 1px solid #e5dcf7;
    border-right: 1px solid #b8accf;
    border-bottom: 1px solid #b8accf;
    border-left: 1px solid #e5dcf7;
}

/* An icon displayed on a toolbar button */
.wpsPortletToolbarButtonIcon {
    width: 16px;
    height: 16px;
}

/* A toolbar area displaying non-button controls such as text, or a dropdown */
.wpsPortletToolbarControl {
    padding: 3px;
}

/* Text on the toolbar */
.wpsPortletToolbarText {
    color: #333333;
}

/* Disabled text on the toolbar */
.wpsPortletToolbarDisabledText {
    color: #999999;
}

/* A link on the toolbar */
.wpsPortletToolbarLink, .wpsPortletToolbarLink:hover, .wpsPortletToolbarLink:visited, .wpsPortletToolbarLink:active {
    color: #333333 ;
}


/* A separator between groups of toolbar items */
.wpsPortletToolbarSeparator {
    background-color: #b8accf;
    width: 1px;
    margin: 0px;
    padding: 0px;
    border-top: 0px none #b8accf;
    border-right: 1px solid #e5dcf7;
    border-bottom: 0px none #e5dcf7;
    border-left: 0px none #b8accf;
}

/* A spacer between groups of toolbar items  */
.wpsPortletToolbarSpacer {
    padding: 0px 2px 0px 2px; 
}

/* A separator between groups of toolbar items */
.wpsPortletToolbarHandle {
    background-color: #d7cfe7;
    padding: 0px;
    margin: 0px;
    width: 1px;
    border-top: 1px solid #e5dcf7;
    border-right: 1px solid #b8accf;
    border-bottom: 1px solid #b8accf;
    border-left: 1px solid #e5dcf7;
}


/* BREADCRUMB TRAILS */

/* Area on which breadcrumb trails are displayed. Also text that is not clickable. - New in v5 */
.wpsBreadcrumbTrail {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

/* Clickable breadcrumb trail text - New in v5 */
.wpsBreadcrumbTrailLink, .wpsBreadcrumbTrailLink:hover, .wpsBreadcrumbTrailLink:visited, .wpsBreadcrumbTrailLink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #7759B3;
    text-decoration: underline;
}

/* GENERIC ACCENT AND 3-D COLORS */
/* These styles are provided so portlets can build UI areas with theme      */
/* color-coordinated accent colors and 3D effects other than gray. Only     */
/* use these classes when no other classes are available for the particular */
/* UI you need to build.                                                    */


/* Surface area in a portlet requiring an accent color.  Use this style      */
/* on the main "surface" which needs the color. This style may also be used  */
/* without the corresponding highlight and shadow colors if desired. - New in v5 */
.wpsPortletAccentArea {
    background-color: #d7cfe7;
    color: #333333;
}

/* 3D highlight color for use with the accent area - New in v5 */
.wpsPortletAccentArea3DHighlight {
    background-color: #e5dcf7;
    color: #333333;
}

/* 3D shadow color for use with the accent area - New in v5 */
.wpsPortletAccentArea3DShadow {
    background-color: #b8accf;
    color: #333333;
}


/* The size of icons in the paging header or footer - New in v5 */
.wpsPagingTableHeaderIcon, .wpsPagingTableFooterIcon {
  width: 16px;
  height: 16px;
}

/* Text links in table header row */
.wpsTableHeadLink, .wpsTableHeadLink:visited, .wpsTableHeadLink:hover {
  background-color: #CECECE;
  border-bottom: 2px solid  #63639C;
  color: #00639C;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 6px;
}

/* BEGIN: LEAP Header & Screens specific Styles */
 /* Leap Banner Title Text */
  .wpsLeapBannertitle { 
	font-family: Times New Roman, Garamond, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
    color:#98b1c4; 
	white-space: nowrap; 
}

/* Leap IBM Phrase */
  .wpsLeapIBM { 
	font-family: Times New Roman, Garamond, sans-serif; 
	font-size: 14pt; 
	font-weight: bold; 
    color:#ffffff; 
	white-space: nowrap; 
}

 /* Leap Banner Text */
  .wpsLeapBannertext { 
	font-weight: bold; 
	color:#98b1c4; 
	white-space:nowrap; 
}

  .wpsLeapUsername { 
    color:#293d6b; 
	white-space:nowrap; 
	font-weight: bold; 
}

.wpsLeapLoginHeader {
    font-family: Arial, sans-serif, Verdana, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    color: #98b1c4;
	text-decoration: none;
    white-space: nowrap;	
}
/* END: LEAP Header & Screens specific Styles */

/* ======================================= */