analytics/webapps/p2pd/WEB-INF/css/styles/fragments/portlet.xml

<?xml version="1.0" encoding="utf-8"?>
<!--
    Licensed Materials - Property of IBM

    IBM Cognos Products: cpscrn


    (C) Copyright IBM Corp. 2005, 2011

    US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
-->
<!--
Copyright (C) 2008 Cognos ULC, an IBM Company. All rights reserved.
Cognos (R) is a trademark of Cognos ULC, (formerly Cognos Incorporated).
-->
<css xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../schemas/cssstyles.xsd">
	<!-- 
    ============================================================================
    common basic types used in classes
    ============================================================================
    -->
	<type name="nomargin">
		<set name="margin">0px 0px 0px 0px</set>
	</type>
	<type name="nopadding">
		<set name="padding">0px 0px 0px 0px</set>
	</type>
	<type name="marginTopBottom2px">
		<set name="margin">2px 0px 2px 0px</set>
	</type>
	<type name="pushButton">
		<set name="border">solid 1px <color name="formPushButtonBorder"/></set>
		<set name="font-size">129%</set>
		<set name="cursor">pointer</set>
		<set name="color"><color name="text"/></set>
		<set name="background-color"><color name="formPushButtonBackground"/></set>
		<set name="height">24px</set>
		<set name="width">70px</set>
		<set name="padding-left">10px</set>
		<set name="padding-right">10px</set>
		<set name="padding-top">0px</set>
		<set name="padding-bottom">0px</set>
		<set name="overflow-x">visible</set>
	</type>
	<type name="pushButtonAutoSize">
		<set name="width">auto</set>
		<set name="height">auto</set>
		<set name="min-height">24px</set>
	</type>
	<type name="htabsBase">
		<set name="text-align">center</set>
		<set name="padding-right">5px</set>
		<set name="padding-left">5px</set>
		<set name="padding-top">2px</set>
		<set name="padding-bottom">3px</set>
		<set name="cursor">pointer</set>
		<set name="white-space">nowrap</set>
	</type>
	<type name="htabsAltBase">
		<set name="text-align">center</set>
		<set name="padding-right">5px</set>
		<set name="padding-left">5px</set>
		<set name="padding-top">2px</set>
		<set name="padding-bottom">2px</set>
		<set name="cursor">pointer</set>
		<set name="white-space">nowrap</set>
	</type>
	<type name="htabsScrollButtonBase">
		<set name="border-style">solid</set>
		<set name="border-width">1px</set>
	</type>
	<type name="vtabsBase">
		<set name="cursor">pointer</set>
		<set name="white-space">nowrap</set>
		<set name="padding-top">5px</set>
		<set name="padding-bottom">5px</set>
		<set name="vertical-align">bottom</set>
		<set name="overflow">hidden</set>
	</type>
	<!-- vertical tabs padding-left -->
	<type name="vtabsLeftEdgeBase">
		<set name="padding-left">5px</set>
	</type>
	<!-- vertical tabs padding-right -->
	<type name="vtabsRightEdgeBase">
		<set name="padding-right">5px</set>
	</type>
	<type name="pushButtonHover">
		<set name="background-color"><color name="formPushButtonBackgroundHover"/></set>
	</type>
	<type name="windowCaption">
		<set name="border">solid 1px <color name="dialogCaptionBorder"/></set>
		<set name="font-weight">bold</set>
		<set name="padding">3px 3px 3px 3px</set>
		<set name="cursor">default</set>
	</type>
	<type name="layoutBlock">
		<set name="display">block</set>
	</type>
	<type name="layoutInline">
		<set name="display">inline</set>
	</type>
	<type name="layoutLabel">
		<set name="padding-top">8px</set>
		<set name="padding-bottom">3px</set>
		<set name="text-align">bottom</set>
		<set name="white-space">nowrap</set>
	</type>
	<type name="layoutSection">
		<set name="padding-top">1px</set>
		<set name="padding-bottom">5px</set>
		<set name="padding-left">7px</set>
	</type>
	<type name="layoutSectionPadded10px">
		<set name="padding-top">10px</set>
		<set name="padding-bottom">10px</set>
		<set name="padding-left">10px</set>
		<set name="padding-right">10px</set>
	</type>
	<type name="layoutSectionWide">
		<set name="padding-top">1px</set>
		<set name="padding-bottom">5px</set>
		<set name="width">100%</set>
	</type>
	<type name="layoutWide">
		<set name="width">100%</set>
	</type>
	<!-- 
    ============================================================================
    portlet layout styles - cogstyle-portlet-*
    ============================================================================
    -->
    <comment>portlet layout styles - cogstyle-portlet-*</comment>
	<class name=".cogstyle-portlet-frame">
		<set name="padding">2px 2px 2px 2px</set>
		<set name="zoom">1</set>
	</class>
	<class name=".cogstyle-portlet-caption-bar">
		<set name="border">1px solid <color name="portletCaptionBorder"/></set>
		<set name="background-color"><color name="portletCaptionBackground"/></set>
	</class>
	<class name=".cogstyle-portlet-caption">
		<set name="color"><color name="portletCaptionText"/></set>
		<set name="padding">2px 2px 2px 4px</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-portlet-actions">
		<set name="background-image">url($WEB$/fragments/portlet/images/portlet_actions_bg.gif)</set>
		<set name="border-left">1px solid <color name="portletCaptionActionsBorder"/></set>
	</class>
	<class name=".cogstyle-portlet-action, .cogstyle-portlet-action-hover">
		<set name="width">14px</set>
		<set name="height">14px</set>
		<set name="text-align">center</set>
		<set name="cursor">pointer</set>
	</class>
	<class name=".cogstyle-portlet-action">
		<set name="background-color"><color name="portletCaptionActionBackground"/></set>
		<set name="border">1px solid <color name="portletCaptionActionBorder"/></set>
	</class>
	<class name=".cogstyle-portlet-action-hover">
		<set name="background-color"><color name="portletCaptionActionHoverBackground"/></set>
		<set name="border">1px solid <color name="portletCaptionActionBorderHilite"/></set>
	</class>
	<class name=".cogstyle-portlet-action-sep">
		<set name="width">5px</set>
		<set name="height">18px</set>
	</class>
	<class name=".cogstyle-portlet-content">
		<set name="padding">3px 3px 3px 3px</set>
	</class>
	<class name=".cogstyle-portlet-borders">
		<set name="border-bottom">1px solid <color name="portletBorder"/></set>
		<set name="border-left">1px solid <color name="portletBorder"/></set>
		<set name="border-right">1px solid <color name="portletBorder"/></set>
	</class>
	<class name=".cogstyle-portlet-borders-nocaption">
		<set name="border">1px solid <color name="portletBorder"/></set>		
	</class>
	<class name=".cogstyle-portlet-error-frame">
		<set name="border">1px solid <color name="portletCaptionBorder"/></set>
		<set name="background-color">#fefe80</set>
		<set name="color"><color name="text"/></set>
		<set name="padding">3px 3px 3px 3px</set>
	</class>
	<class name=".cogstyle-portlet-error-message">
		<set name="background-position">left top</set>
		<set name="background-repeat">no-repeat</set>
		<set name="background-image">url($WEB$/fragments/common/images/msg_error.gif)</set>
		<set name="padding-left">40px</set>
		<set name="padding-top">5px</set>
		<set name="color"><color name="textError"/></set>
		<set name="min-height">32px</set>
	</class>
	<class name=".cogstyle-portlet-error-details">
		<set name="overflow">auto</set>
	</class>
	<!-- 
    ============================================================================
    dialog styles - cogstyle-dialog-*
    ============================================================================
    -->
    <comment>dialog styles - cogstyle-dialog-*</comment>
	<class name=".cogstyle-dialog, .cogstyle-dialog-popup">
		<set name="position">absolute</set>
		<set name="left">0px</set>
		<set name="top">0px</set>
	</class>
	<class name=".cogstyle-dialog">
		<set name="background-color"><color name="dialogBackground"/></set>
	</class>
	<class name=".cogstyle-dialog table">
		<set name="font-size">100%</set>
	</class>
	<class name=".cogstyle-dialog-popup">
		<set name="background-color"><color name="dialogBackgroundAlternate"/></set>
	</class>
	<class name=".cogstyle-dialog-caption table" uses="windowCaption">
		<set name="color"><color name="dialogCaptionText"/></set>
		<set name="background-color"><color name="dialogCaptionBackground"/></set>
	</class>
	<class name=".cogstyle-dialog-caption-inactive table" uses="windowCaption">
		<set name="color"><color name="dialogCaptionTextInactive"/></set>
		<set name="background-color"><color name="dialogCaptionBackgroundInactive"/></set>
	</class>
	<class name=".cogstyle-dialog-caption a">
		<set name="color"><color name="dialogCaptionText"/></set>
		<set name="font-weight">normal</set>
	</class>
	<class name=".cogstyle-dialog-body">
		<set name="border-left">solid 1px <color name="dialogBorder"/></set>
		<set name="border-right">solid 1px <color name="dialogBorder"/></set>
		<set name="border-bottom">solid 1px <color name="dialogBorder"/></set>
	</class>
	<class name=".cogstyle-dialog-content">
		<set name="overflow">auto</set>
		<set name="margin-left">5px</set>
		<set name="margin-right">5px</set>
		<set name="margin-top">5px</set>
		<set name="margin-bottom">10px</set>
	</class>
	<class name=".cogstyle-dialog-commandbar">
		<set name="border-top">solid 1px <color name="dialogCommandBarBorder"/></set>
		<set name="background-color"><color name="dialogCommandBarBackground"/></set>
	</class>
	<class name=".cogstyle-dialog-label">
		<set name="font-weight">bold</set>
		<set name="color"><color name="formTextLabel"/></set>
	</class>
	<class name=".cogstyle-dialog-button" uses="pushButton">
		<set name="margin">5px 5px 5px 5px</set>
	</class>
	<class name=".cogstyle-dialog-button[type]" uses="pushButtonAutoSize"/>
	<class name=".cogstyle-dialog-button:hover" uses="pushButtonHover"/>
	<!-- 
    ============================================================================
    table styles - cogstyle-table-*
    ============================================================================
    -->
    <comment>table styles - cogstyle-table-*</comment>
	<class name=".cogstyle-table-actions">
		<set name="text-align">right</set>
		<set name="vertical-align">bottom</set>
	</class>
	<!-- 
    ============================================================================
    form styles - cogstyle-form-*
    ============================================================================
    -->
	<!-- TODO -->
	<class name=".cogstyle-select-actions">
		<set name="padding-left">10px</set>
		<set name="vertical-align">bottom</set>
	</class>
	<!-- 
    ============================================================================
    horizontal tabs styles - cogstyle-htabs-*
    ============================================================================
    -->
    <comment>horizontal tabs styles - cogstyle-htabs-*</comment>
    
    <comment>default set</comment>
	<class name=".cogstyle-htabs-last">
		<set name="width">100%</set>
		<set name="overflow">hidden</set>
		<set name="border-bottom">solid 1px <color name="dialogCommandBarBorder"/></set>
		<set name="border-right">solid 1px <color name="dialogCommandBarBorder"/></set>
	</class>
	<class name=".cogstyle-htabs-bar">
		<set name="height">20px</set>
		<set name="background-color"><color name="htabsBarBackground"/></set>
		<set name="border-top">solid 1px white</set>
	</class>
	<class name=".cogstyle-htabs-table" uses="nomargin">
		<set name="text-align">center</set>
	</class>
	<class name=".cogstyle-htabs-active" uses="htabsBase">
		<set name="background-color"><color name="htabsBackgroundActive"/></set>
	</class>
	<class name=".cogstyle-htabs-active A">
		<set name="color"><color name="htabsTextActive"/></set>
		<set name="text-decoration">none</set>
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-htabs" uses="htabsBase">
		<set name="background-color"><color name="htabsBackground"/></set>
	</class>
	<class name=".cogstyle-htabs A">
		<set name="color"><color name="htabsText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-htabs A:hover">
		<set name="text-decoration">underline</set>
	</class>
	<class name=".cogstyle-htabs-active-right-edge"/>
	<class name=".cogstyle-htabs-active-left-edge"/>
	<class name=".cogstyle-htabs-right-edge"/>
	<class name=".cogstyle-htabs-left-edge"/>
	
	<comment>alternate set</comment> 
	<class name=".cogstyle-htabs-alt-bar">
		<set name="height">20px</set>
		<set name="background-color"><color name="htabsAltBarBackground"/></set>
		<set name="border-top">solid 1px white</set>
	</class>
	<class name=".cogstyle-htabs-alt-table" uses="nomargin">
		<set name="text-align">center</set>
		<set name="padding-top">1px</set>
		<set name="padding-left">3px</set>
	</class>
	<class name=".cogstyle-htabs-alt-active" uses="htabsAltBase">
		<set name="background-color"><color name="htabsAltBackgroundActive"/></set>
	</class>
	<class name=".cogstyle-htabs-alt-active A">
		<set name="color"><color name="htabsAltTextActive"/></set>
		<set name="text-decoration">none</set>
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-htabs-alt" uses="htabsAltBase">
		<set name="background-color"><color name="htabsAltBackground"/></set>
	</class>
	<class name=".cogstyle-htabs-alt A">
		<set name="color"><color name="htabsAltText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-htabs-alt A:hover">
		<set name="text-decoration">underline</set>
	</class>
	<class name=".cogstyle-htabs-alt-active-right-edge"/>
	<class name=".cogstyle-htabs-alt-active-left-edge"/>
	<class name=".cogstyle-htabs-alt-right-edge"/>
	<class name=".cogstyle-htabs-alt-left-edge"/>
	
	<comment>scroll buttons</comment>
	<class name=".cogstyle-htabs-scroll-button-container">
		<set name="width">24px</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-imageplaceholder">
		<set name="height">16px</set>
		<set name="width">6px</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button" uses="htabsScrollButtonBase">
		<set name="border-color"><color name="htabsScrollButtonBorder"/></set>
		<set name="background-color"><color name="htabsScrollButton"/></set>
		<set name="cursor">pointer</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-disabled" uses="htabsScrollButtonBase">
		<set name="border-color"><color name="htabsScrollButtonBorderDisabled"/></set>
		<set name="background-color"><color name="htabsScrollButtonDisabled"/></set>
		<set name="cursor">default</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button, .cogstyle-htabs-scroll-button-disabled, .cogstyle-htabs-scroll-button-hover"/>
	<class name=".cogstyle-htabs-scroll-button-left">
		<set name="padding">1px</set>
		<set name="background-position">center center</set>
		<set name="background-repeat">no-repeat</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-right">
		<set name="padding">1px</set>
		<set name="background-position">center center</set>
		<set name="background-repeat">no-repeat</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-left-disabled">
		<set name="padding">1px</set>
		<set name="background-position">center center</set>
		<set name="background-repeat">no-repeat</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-right-disabled">
		<set name="padding">1px</set>
		<set name="background-position">center center</set>
		<set name="background-repeat">no-repeat</set>
	</class>
	<class name=".cogstyle-htabs-scroll-button-hover" uses="htabsScrollButtonBase">
		<set name="padding">1px</set>
		<set name="border-color"><color name="htabsScrollButtonBorder"/></set>
		<set name="background-color"><color name="htabsScrollButtonHover"/></set>
		<set name="cursor">pointer</set>
	</class>
	<class name=".cogstyle-htabs-page-content">
		<set name="position">relative</set>
		<set name="zoom">1</set>
	</class>
	<class name=".cogstyle-htabs-page-content-fixed">
		<set name="position">relative</set>
		<set name="zoom">1</set>
		<set name="overflow">auto</set>
		<set name="padding-right">expression(((this.scrollHeight&gt;this.offsetHeight)&amp;&amp;(document.compatMode=="CSS1Compat"))?"15px":"0px")</set>
	</class>
	<!-- 
    ============================================================================
    vertical tabs styles - cogstyle-vtabs-*
    ============================================================================
    -->
    <comment>vertical tabs styles - cogstyle-vtabs-*</comment>
	<class name=".cogstyle-vtabs-area">
		<set name="border-left">1px solid <color name="vtabsAreaBorder"/></set>
		<set name="border-right">1px solid <color name="vtabsAreaBorder"/></set>
		<set name="border-top">1px solid <color name="vtabsAreaBorder"/></set>
		<set name="background-color"><color name="vtabsAreaBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs A">
		<set name="color"><color name="vtabsText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-vtabs-left-edge" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsHoverBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-active" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-active A">
		<set name="color"><color name="vtabsTextActive"/></set>
		<set name="text-decoration">none</set>
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-vtabs-active-left-edge, .cogstyle-vtabs-active-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsActiveBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-active-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-opened" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-opened A">
		<set name="color"><color name="vtabsText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-vtabs-opened-left-edge" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsOpenedBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-opened-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsOpenedHoverBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-opened-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-opened-active" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-opened-active A">
		<set name="color"><color name="vtabsTextActive"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-vtabs-opened-active-left-edge, .cogstyle-vtabs-opened-active-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsActiveOpenedBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-opened-active-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-alt" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-alt A">
		<set name="color"><color name="vtabsAltText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-vtabs-alt-left-edge, .cogstyle-vtabs-alt-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsAltBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-alt-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-alt-active" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-alt-active A">
		<set name="color"><color name="vtabsAltTextActive"/></set>
		<set name="text-decoration">none</set>
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-vtabs-alt-active-left-edge, .cogstyle-vtabs-alt-active-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsAltActiveBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-alt-active-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-alt-opened" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-alt-opened A">
		<set name="color"><color name="vtabsAltText"/></set>
		<set name="text-decoration">none</set>
	</class>
	<class name=".cogstyle-vtabs-alt-opened-left-edge" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsAltOpenedBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-alt-opened-left-edge-hover" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsAltOpenedHoverBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-alt-opened-right-edge" uses="vtabsRightEdgeBase"/>
	<class name=".cogstyle-vtabs-alt-opened-active" uses="vtabsBase"/>
	<class name=".cogstyle-vtabs-alt-opened-active A">
		<set name="color"><color name="vtabsAltTextActive"/></set>
		<set name="text-decoration">none</set>
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-vtabs-alt-opened-active-left-edge, .cogstyle-vtabs-alt-opened-active-left-edge" uses="vtabsLeftEdgeBase">
		<set name="background-color"><color name="vtabsAltActiveOpenedBackground"/></set>
	</class>
	<class name=".cogstyle-vtabs-alt-opened-active-right-edge" uses="vtabsRightEdgeBase"/>
	
	<comment>active have no hand</comment>
	<class name=".cogstyle-vtabs-active, .cogstyle-vtabs-opened-active, .cogstyle-vtabs-alt-active, .cogstyle-vtabs-alt-opened-active">
		<set name="cursor">default</set>
	</class>
	
	<comment>opened vtabs are bold</comment>
	<class name=".cogstyle-vtabs-opened-active, .cogstyle-vtabs-alt-opened-active">
		<set name="font-weight">bold</set>
	</class>
	<class name=".cogstyle-vtabs-icon">
		<set name="height">16px</set>
		<set name="width">16px</set>
		<set name="margin-right">6px</set>
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-vtabs-page-content">
		<set name="position">relative</set>
		<set name="zoom">1</set>
	</class>
	<class name=".cogstyle-vtabs-page-content-fixed">
		<set name="width">100%</set>
		<set name="position">relative</set>
		<set name="zoom">1</set>
		<set name="overflow">auto</set>
		<set name="padding-right">expression(((this.scrollHeight&gt;this.offsetHeight)&amp;&amp;(document.compatMode=="CSS1Compat"))?"15px":"0px")</set>
	</class>
	<class name=".cogstyle-vtabs-subtabs-area"/>
	<class name=".cogstyle-vtabs-active-subtabs-area"/>
	<class name=".cogstyle-vtabs-opened-subtabs-area"/>
	<class name=".cogstyle-vtabs-opened-active-subtabs-area">
		<set name="border-bottom">1px solid <color name="vtabsBorderOpenedActive"/></set>
	</class>
	<!-- 
    ============================================================================
    splitter styles - cogstyle-splitter-*
    ============================================================================
    -->
    <comment>splitter styles - cogstyle-splitter-*</comment>
	<class name=".cogstyle-splitter">
		<set name="background-color"><color name="splitterBackground"/></set>
		<set name="border-left">1px solid <color name="splitterBorder"/></set>
		<set name="border-right">1px solid <color name="splitterBorder"/></set>
		<set name="cursor">E-resize</set>
		<set name="width">4px</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-splitter-bar">
		<set name="position">absolute</set>
		<set name="z-index">100</set>
		<set name="left">0px</set>
		<set name="top">0px</set>
		<set name="background-color"><color name="splitterBackgroundHilite"/></set>
		<set name="border-left">1px solid <color name="splitterBorder"/></set>
		<set name="border-right">1px solid <color name="splitterBorder"/></set>
		<set name="cursor">E-resize</set>
	</class>
	<class name=".cogstyle-filter">
		<set name="padding">0px</set>
		<set name="border">1px solid <color name="filterBorder"/></set>
		<set name="background-color"><color name="filterBackground"/></set>
		<set name="margin-top">3px</set>
		<set name="white-space">normal</set>
	</class>
	<!-- 
    ============================================================================
    custom edit styles
    ============================================================================
    -->
    <comment>custom edit styles</comment>
	<class name=".cogstyle-form-group-sep">
		<set name="background-color"><color name="dialogBorder"/></set>
	</class>
	<class name=".cogstyle-form-group-label">
		<set name="font-weight">bold</set>
		<set name="color"><color name="formTextLabel"/></set>
		<set name="font-size">115%</set>
		<set name="margin-left">5px</set>
		<set name="margin-right">5px</set>
	</class>
	<!-- 
    ============================================================================
    header styles - cogstyle-header-*
    ============================================================================
    -->
    <comment>header styles - cogstyle-header-*</comment>
   	<class name=".cogstyle-header-back">
 		<set name="background-image"><image name="bannerBackground"/></set>
 		<set name="background-repeat">repeat-x</set>
 		<set name="background-position">left top</set>
 		<set name="background-color"><color name="headerBackground"/></set>
 		<set name="min-height">35px</set> 		
 	</class>
	<class name=".cogstyle-header-main">
		<set name="color"><color name="headerText"/></set>
		<set name="vertical-align">middle</set>
		<set name="background-image"><image name="bannerGraphic"/></set>
		<set name="background-repeat">no-repeat</set>
		<set name="background-position">220px 0px</set>
		<set name="text-align">left</set>
		<set name="height">35px</set>
		<set name="width">100%</set>
	</class>
	<class name=".cogstyle-header-logo-section">
	</class>	
	
	<comment>comment out display:none to display your logo</comment>
	<class name=".cogstyle-header-logo">
		<set name="display"><value name="customlogoDisplay"/></set>		
		<set name="width"><value name="customlogoWidth"/></set>
		<set name="height"><value name="customlogoHeight"/></set>
		<set name="margin">2px</set>
		<set name="background-image"><image name="custom_logo"/></set>
		<set name="background-position">top left</set>
		<set name="background-repeat">no-repeat</set> 
	</class>

	<class name=".cogstyle-header-middle-section">
		<set name="width">1px</set>
		<set name="padding-right">20px</set>
	</class>
	<class name=".cogstyle-header-middle-section-spacer"/>
	<class name=".cogstyle-header-right-section">
		<set name="padding-right">15px</set>
	</class>
	<class name=".cogstyle-header-right-section-container">
		<set name="float">right</set>
	</class>
	<class name=".cogstyle-header-logo">
	</class>
 	<class name=".cogstyle-header-ibm-logo">
 		<set name="background-image"><image name="companyLogo"/></set>
 		<set name="background-repeat">no-repeat</set>
 		<set name="background-position">0px 10px</set> 	
 		<set name="padding-right">16px</set>
		<set name="padding-left"><value name="companylogoWidth"/></set>
		<set name="display"><value name="companylogoDisplay"/></set>
 	</class>
	<class name=".cogstyle-header-title">
		<set name="color"><color name="headerTitleText"/></set>
		<set name="font-weight">normal</set>
		<set name="font-size">1.3em</set>
 		<set name="font-family">Helvetica, Verdana, Tahoma, Arial, sans-serif</set>
 		<set name="text-align">left</set>
 		<set name="white-space">nowrap</set>		
 		<set name="padding-left">16px</set>		
 		<set name="width">100%</set>
	</class>
	<class name=".rtl .cogstyle-header-title">
		<set name="text-align">right</set> 			
 		<set name="padding-left">0px</set>		
 		<set name="padding-right">16px</set>
	</class>
	<class name=".cogstyle-header-separator">
		<set name="padding-left">5px</set>
		<set name="padding-right">5px</set>
		<set name="text-align">right</set>
	</class>
	<class name=".cogstyle-header-user-id">
		<set name="color"><color name="headerText"/></set>
		<set name="font-weight">bold</set>
		<set name="margin-left">8px</set>
		<set name="margin-right">8px</set>
	</class>
	<class name=".cogstyle-header-section">
		<set name="padding">3px 0px</set>
		<set name="vertical-align">middle</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-header-section-item">
		<set name="white-space">nowrap</set>
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-header-section-item-padding">
		<set name="padding-left">3px</set>
	</class>
	<class name=".cogstyle-header-menu-spacer">
		<set name="padding-left">2px</set>
	</class>
	<class name=".cogstyle-header-menu-label">
		<set name="color"><color name="headerText"/></set>
	</class>
	<class name=".cogstyle-header-menu-label-link">
		<set name="color"><color name="headerText"/></set>
		<set name="text-decoration">underline</set>
	</class>
	<class name=".cogstyle-header-link">
		<set name="margin-left">2px</set>
		<set name="margin-right">2px</set>
	</class>
	<class name=".cogstyle-header-menu-label A">
		<set name="color"><color name="headerText"/></set>
	</class>
	<class name=".cogstyle-header-btn-normal">
		<set name="padding">2px 2px 2px 2px</set>
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-header-btn-over">
		<set name="border">solid 1px <color name="headerButtonBorderHilite"/></set>
		<set name="padding">1px 1px 1px 1px</set>
		<set name="vertical-align">middle</set>
	</class>
	<!-- TBD is this still needed -->
	<class name="#footer">
		<set name="color"><color name="textDisabled"/></set>
		<set name="font-size">7pt</set>
		<set name="text-align">center</set>
		<set name="padding-top">20px</set>
	</class>
	<!-- 
    ============================================================================
    menu styles - cogstyle-menu-*
    ============================================================================
    -->
    <comment>menu styles - cogstyle-menu-*</comment>
	<class name=".cogstyle-menu">
		<set name="margin-left">8px</set>
		<set name="margin-right">8px</set>
	</class>
	<class name=".cogstyle-menu-popup, .portlet-menu">
		<set name="position">absolute</set>
		<set name="z-index">1</set>
		<set name="left">0px</set>
		<set name="top">0px</set>
		<set name="background-color"><color name="menuBackground"/></set>
		<set name="text-align">left</set>
	</class>
	<class name=".cogstyle-menu-popup">
		<set name="border">solid 1px <color name="menuBorder"/></set>
		<set name="padding">2px</set>
	</class>
	<class name=".cogstyle-menu-popup table">
		<set name="font-size">100%</set>
	</class>
	<class name=".portlet-menu">
		<set name="border">solid 1px black</set>
	</class>
	<class name=".cogstyle-menu-item, .cogstyle-menu-item-hilite, .cogstyle-menu-item-disabled, .portlet-menu-item">
		<set name="text-decoration">none</set>
		<set name="white-space">nowrap</set>
		<set name="padding-left">3px</set>
	</class>
	<class name=".cogstyle-menu-item, .cogstyle-menu-item-hilite, .cogstyle-menu-item-disabled">
		<set name="padding-right">4px</set>
		<set name="height">20px</set>
	</class>
	<class name=".portlet-menu-item">
		<set name="padding-right">3px</set>
		<set name="padding-top">1px</set>
		<set name="padding-bottom">1px</set>
	</class>
	<class name=".cogstyle-menu-item, .cogstyle-menu-item-hilite, .portlet-menu-item">
		<set name="cursor">pointer</set>
	</class>
	<class name=".cogstyle-menu-item, .cogstyle-menu-item-hilite">
		<set name="color"><color name="fragMenuText"/></set>
		<set name="text-decoration">underline</set>
	</class>
	<class name=".portlet-menu-item">
		<set name="color"><color name="menuText"/></set>
	</class>
	<class name=".cogstyle-menu-item-disabled">
		<set name="color"><color name="menuTextDisabled"/></set>
		<set name="cursor">default</set>
	</class>
	<class name=".cogstyle-menu-item-hilite, .portlet-menu-item-hover, .portlet-menu-item-selected, .portlet-menu-item-hover-selected">
		<set name="background-color"><color name="menuBackgroundHilite"/></set>
		<set name="text-decoration">underline</set>
	</class>
	<class name=".portlet-menu-item-hover, .portlet-menu-item-selected, .portlet-menu-item-hover-selected">
		<set name="color"><color name="menuTextHilite"/></set>
	</class>
	<class name=".cogstyle-menu-item-separator">
		<set name="border-bottom">1px solid <color name="menuSeparator"/></set>
		<set name="width">100%</set>
		<set name="margin-bottom">4px</set>
		<set name="margin-top">3px</set>
		<set name="height">1px</set>
		<set name="overflow">hidden</set>
	</class>
	<!-- 
    ============================================================================
    other styles - cogstyle-*
    ============================================================================
    -->
    <comment>other styles - cogstyle-*</comment>
	<class name=".cogstyle-btn-normal">
		<set name="padding">2px 2px 2px 2px</set>
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-btn-over">
		<set name="border">solid 1px <color name="portletCaptionActionBorderHilite"/></set>
		<set name="padding">1px 1px 1px 1px</set>
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-input-text">
		<set name="border">solid 1px <color name="formTextInputBorder"/></set>
	</class>
	<class name=".cogstyle-background1">
		<set name="background-color"><color name="dialogBackgroundAlternate"/></set>
	</class>
	<class name=".cogstyle-img-faded">
		<set name="filter">alpha(opacity=40)</set>
		<set name="opacity">0.4</set>
		<set name="-moz-opacity">0.4</set>
	</class>
	<class name="#wait">
		<set name="border">solid 1px <color name="dialogBorder"/></set>
		<set name="background-color"><color name="dialogBackgroundAlternate"/></set>
		<set name="color"><color name="text"/></set>
		<set name="text-align">left</set>
		<set name="vertical-align">top</set>
		<set name="font-weight">normal</set>
		<set name="position">absolute</set>
		<set name="left">0px</set>
		<set name="top">0px</set>
		<set name="z-index">100</set>
		<set name="display">none</set>
		<set name="padding">5px 5px 5px 5px</set>
	</class>
	<class name="#wait table">
		<set name="font-size">100%</set>
	</class>
	<!-- 
    ============================================================================
    layout styles - cogstyle-layout-*
    ============================================================================
    -->
    <comment>layout styles - cogstyle-layout-*</comment>
	<class name=".cogstyle-layout-action-list">
		<set name="text-align">right</set>
		<set name="vertical-align">middle</set>
		<set name="display">block</set>
	</class>
	<class name=".cogstyle-layout-button-spacing">
		<set name="vertical-align">top</set>
		<set name="padding-left">10px</set>
		<set name="padding-top">2px</set>
		<set name="padding-bottom">2px</set>
	</class>
	<class name=".cogstyle-layout-column">
		<set name="vertical-align">top</set>
	</class>
	<class name=".cogstyle-layout-column-set" uses="layoutBlock"/>
	<class name=".cogstyle-layout-dialog-display-select">
		<set name="padding-top">5px</set>
		<set name="padding-bottom">5px</set>
	</class>
	<class name=".cogstyle-layout-divider" uses="layoutWide">
		<set name="vertical-align">middle</set>
		<set name="width">100%</set>
	</class>
	<class name=".cogstyle-layout-divider-label">
		<set name="text-align">middle</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-layout-divider-line">
		<set name="border-top">solid 1px <color name="dialogCommandBarBorder"/></set>
	</class>
	<class name=".cogstyle-layout-field">
		<set name="padding-bottom">2px</set>
		<set name="display">block</set>
	</class>
	<class name=".cogstyle-layout-hint">
		<set name="text-align">top</set>
		<set name="padding-top">5px</set>
		<set name="padding-bottom">3px</set>
	</class>
	<class name=".cogstyle-layout-imgspace">
		<set name="height">18px</set>
		<set name="width">1px</set>
	</class>
	<class name=".cogstyle-layout-inline" uses="layoutInline"/>
	<class name=".cogstyle-layout-label" uses="layoutLabel"/>
	<class name=".cogstyle-layout-label-in-control">
		<set name="padding-top">4px</set>
		<set name="padding-bottom">3px</set>
		<set name="text-align">bottom</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-layout-label-wide" uses="layoutWide layoutLabel"/>
	<class name=".cogstyle-layout-link" uses="layoutInline">
		<set name="padding-right">3px</set>
	</class>
	<class name=".cogstyle-layout-link-action" uses="layoutInline">
		<set name="padding-top">2px</set>
		<set name="padding-left">2px</set>
		<set name="padding-bottom">3px</set>
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-layout-link-expand" uses="layoutInline">
		<set name="padding-left">3px</set>
	</class>
	<class name="cogstyle-layout-link-list">
		<set name="display">block</set>
		<set name="padding-left">5px</set>
	</class>
	<class name=".cogstyle-layout-link-inplace" uses="layoutInline">
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-layout-on-form">
		<set name="padding-left">6px</set>
		<set name="zoom">1</set>
	</class>
	<class name=".cogstyle-layout-in-radio-chkbox">
		<set name="padding-bottom">5px</set>
	</class>
	<class name=".cogstyle-layout-radio-chkbox-control">
		<set name="padding-left">0px</set>
		<set name="padding-right">5px</set>
		<set name="padding-bottom">3px</set>
	</class>
	<class name=".cogstyle-layout-radio-chkbox-text">
		<set name="vertical-align">middle</set>
	</class>
	<class name=".cogstyle-layout-row">
		<set name="padding-right">5px</set>
	</class>
	<class name=".cogstyle-layout-row-select">
		<set name="padding-top">5px</set>
		<set name="padding-bottom">8px</set>
	</class>
	<class name=".cogstyle-layout-row-select-image">
		<set name="padding-top">5px</set>
		<set name="padding-bottom">5px</set>
	</class>
	<class name=".cogstyle-layout-section" uses="layoutSection layoutBlock"/>
	<class name=".cogstyle-layout-section-padded" uses="layoutSectionPadded10px layoutBlock"/>
	<class name=".cogstyle-layout-section-footer" uses="layoutSectionWide">
		<set name="background-color"><color name="dialogCommandBarBackground"/></set>
		<set name="padding-top">5px</set>
		<set name="padding-bottom">2px</set>
	</class>
	<class name=".cogstyle-layout-section-list" uses="layoutBlock">
		<set name="padding-right">10px</set>
	</class>
	<class name=".cogstyle-layout-section-select-dialog">
		<set name="padding-bottom">10px</set>
		<set name="display">block</set>
	</class>
	<class name=".cogstyle-layout-section-wide" uses="layoutSectionWide"/>
	<class name=".cogstyle-layout-section-wide-control" uses="layoutSectionWide">
		<set name="background-color"><color name="dialogCommandBarBackground"/></set>
	</class>
	<class name=".cogstyle-layout-row-wide" uses="layoutWide"/>
	<class name=".cogstyle-layout-select-locale" uses="layoutInline">
		<set name="padding-top">2px</set>
		<set name="padding-bottom">5px</set>
		<set name="padding-left">2px</set>
	</class>
	<class name=".cogstyle-layout-select-locale-label">
		<set name="padding-left">2px</set>
	</class>
	<class name=".cogstyle-layout-select-locale-row">
		<set name="padding-bottom">5px</set>
	</class>
	<class name=".cogstyle-layout-select-locale-text" uses="layoutInline">
		<set name="vertical-align">bottom</set>
		<set name="padding-left">5px</set>
	</class>
	<class name=".cogstyle-layout-static-expand-img">
		<set name="cursor">pointer</set>
		<set name="height">10px</set>
		<set name="width">10px</set>
	</class>
	<class name=".cogstyle-layout-sub-label">
		<set name="white-space">nowrap</set>
	</class>
	<class name=".cogstyle-layout-textmsg">
		<set name="padding-top">25px</set>
		<set name="padding-bottom">25px</set>
		<set name="text-align">center</set>
	</class>
	<class name=".cogstyle-layout-wide" uses="layoutWide"/>
	<class name=".cogstyle-layout-dynamic-collapse">
		<set name="padding-top">4px</set>
		<set name="display">none</set>
	</class>
	<class name=".cogstyle-layout-dynamic-expand">
		<set name="padding-top">4px</set>
		<set name="display">block</set>
	</class>
</css>