analytics/webapps/p2pd/WEB-INF/css/blueprint/portal/default.xml

<?xml version="1.0" encoding="UTF-8"?>
<!--
  Licensed Materials - Property of IBM
  
  IBM Cognos Products: cpscrn
  
  (C) Copyright IBM Corp. 2005, 2015
  
  US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.  
-->
<css xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
/********************************
*  Licensed Materials - Property of IBM
*    
*  IBM Cognos Products: cpscrn
*   
*  (C) Copyright IBM Corp. 2005, 2013
*  
*  US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.  
********************************/
@import url(../shared/banner.css);
a {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	background-color: <skinValue path="/uiSkin/uiElements/body/background/color"/>;
}
select {
	font-size: 9pt;
}
input {
	font-size: 9pt;
}
textarea {
	font-size: 9pt;
}
.showOnFocus {
    position:absolute;
    top: -9999px;
    left: -9999px;
}
.showOnFocus:focus {
    background-color: <skinValue path="/uiSkin/uiElements/popup/background/color"/>;
    border-bottom-left-radius: <skinValue path="/uiSkin/uiElements/popup/border/radius"/>;
    border-bottom-right-radius: <skinValue path="/uiSkin/uiElements/popup/border/radius"/>;
    border-color: <skinValue path="/uiSkin/uiElements/popup/border/color"/>;
    border-style: solid;
    border-width: 0 <skinValue path="/uiSkin/uiElements/popup/border/width"/> <skinValue path="/uiSkin/uiElements/popup/border/width"/>;
    box-shadow: 2px 2px 3px <skinValue path="/uiSkin/uiElements/popup/boxShadow/color"/>;
    top: 0px;
    left: 0px;
    padding: 5px;
    position:absolute;
    z-index: 50;
}
.formLabel {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: bold;
}
.formLink {
}
.formText {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
	padding: 0px;
}
.bold {
	font-weight: bold;
}
.hiddenEntryIcon {
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.inactiveText {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='textDisabled']"/>;
}
.inactiveHRef {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='textDisabled']"/>;
	text-decoration: underline;
}
.text {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
}
.copyright {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
}
.legalText {
	color: #999999;
	font-weight: normal;
}

/* --- Welcome screen --- */

/* Welcome page when rendered in full */
.welcomePageFull {
	background-color: <skinValue path="/uiSkin/uiElements/welcomePage/background/color"/>;
	margin: 0px;
	overflow: auto;
	font-size: 100%;
	height: 100%;
}
#welcomePageBorder {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 215px 0 25px 0;
}

/* Welcome page when rendered in lite mode */
.welcomeLite {
	background-color: #ffffff;
}

/* Welcome favorites flyout */
.welcomeFavorites {
	width: 18em;
	border: 4px solid <skinValue path="/uiSkin/uiElements/popup/border/color"/>;
	border-radius: 4px;
	display: block;
	position: absolute;
	z-index: 2;
	background-color: <skinValue path="/uiSkin/uiElements/popup/background/color"/>;
	box-shadow: 0 0 4px 1px <skinValue path="/uiSkin/uiElements/popup/boxShadow/color"/>;
}
.favoritesBorder {
	border: 1px solid #ffffff;
}
.favoritesCloseIcon {
	cursor: pointer;
    position: absolute;
    right: -16px;
    top: -16px;
}

/* Common Welcome favorites flyout styles */
.favoritesTopBorderRow {
	font-size: 4px;
}
.favoritesBottomBorderRow {
	font-size: 6px;
}
.favoritesBottomInsideImage, .favoritesTopInsideImage {
	background-color: #ffffff;
}
.favoritesLeftBorderContainerImage, .favoritesLeftBorderContainerImage, .favoritesRightBorderContainerImage {
	width: 7px;
}

/* Welcome favorites flyout image gallery */
.favoritesTopInsideImage, .favoritesBottomInsideImage {
	width: 100%;
}
.favoritesInnerContainer {
	border-color: #aab5c1;
	padding: .13em;
}
.favoritesTopContainerText {
	color: <skinValue path="/uiSkin/uiElements/popup/header/text/color"/>;
	padding-left: .6em;
	font-weight: bold;
}
.favoritesEntry, .favoritesEntryOver {
	padding: 3px 10px;
}
.favoritesEntry {
	text-decoration: none;
	background-color: <skinValue path="/uiSkin/uiElements/popup/content/item/state[@type='default']/background/color"/>;
}
.favoritesEntryOver {
	cursor: pointer;
	text-decoration: underline;
	background-color: <skinValue path="/uiSkin/uiElements/popup/content/item/state[@type='hover']/background/color"/>;
}
.favoritesTopContainer {
	z-index: 2;
	padding: 10px 15px 8px;
	border-bottom: 1px solid <skinValue path="/uiSkin/uiElements/popup/header/border/color"/>;
	background-color: <skinValue path="/uiSkin/uiElements/popup/header/background/color"/>;
	font-size: 0.8em;
}
.favoritesBottomContainer {
	border-top: 1px solid <skinValue path="/uiSkin/uiElements/popup/footer/border/color"/>;
	padding: 10px 15px;
	background-color: <skinValue path="/uiSkin/uiElements/popup/footer/background/color"/>;
}
.favoritesScrollContainer {
	overflow: auto;
	height: 6.5em;
	background-color: <skinValue path="/uiSkin/uiElements/popup/content/background/color"/>;
	border: 1px solid <skinValue path="/uiSkin/uiElements/popup/content/border/color"/>;
	margin: 12px 15px 15px;
	padding: 10px 0;
}
.favoritesAlignText, .favoritesItemOver, .favoritesItemNormal {
	vertical-align: middle;
}
.favoritesTopContainerText, .favoritesItemOver, .favoritesItemNormal {
	font-family: Tahoma;
}
.favoritesItemOver, .favoritesItemNormal {
	padding-left: 5px;
	font-size: 0.7em;
}
.favoritesItemOver {
	cursor: pointer;
	text-decoration: underline;
	background-color: <skinValue path="/uiSkin/uiElements/popup/content/item/state[@type='hover']/background/color"/>;
}
.favoritesItemNormal {
	text-decoration: none;
	color: <skinValue path="/uiSkin/uiElements/popup/content/item/state[@type='default']/text/color"/>;	
}
.favoritesActionsOver, .favoritesActionsNormal {
	padding-left: 5px;
	font-size: 0.7em;
}
.favoritesActionsOver {
	cursor: pointer;
	text-decoration: underline;
	color: <skinValue path="/uiSkin/uiElements/popup/footer/state[@type='hover']/text/color"/>;
}
.favoritesActionsNormal {
	text-decoration: none;
	color: <skinValue path="/uiSkin/uiElements/popup/footer/state[@type='default']/text/color"/>;
}

/* End of Welcome favorites flyout */

/* header options */
.welcomeUserNameContainer {
	color: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/text/color"/>;
	padding-left: 30px;
	padding-right: 30px;
	white-space: nowrap;
}
.welcomeAuthentication {
	font-size: 75%;
	white-space: nowrap;
	text-shadow: 0 1px 1px <skinValue path="/uiSkin/uiElements/welcomePage/section/content/text/shadow/color"/>;
	padding-right: 5px;
}
.welcomeTop {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	height: 215px;
	text-align: center;
	top: 0;
	left: 0;
	border-bottom: 1px solid <skinValue path="/uiSkin/uiElements/welcomePage/section/header/border/color"/>;
	box-shadow: 0 3px 7px 1px <skinValue path="/uiSkin/uiElements/welcomePage/section/header/boxShadow/color"/>;
	z-index:1;
}
.welcomeContent {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/background/color"/>;
	background: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/background/image"/> 0 0 repeat;
}
.welcomeBottomBody {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	overflow: auto;
	background-image: url(../../../ps/images/space.gif); /* required for IE high contrast mode to hide background beneath this element */
}
.welcomeTopPanelBodyWrapper {
	position: absolute;
	width: 100%;
	height: 190px;
	left: 0;
	top: 25px;
	background-color: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/background/color"/>;
	background: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/background/image"/>;
}
.welcomeTopPanelBody {
	width: 760px;
	position: relative;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	background-image: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/graphic/background/image"/>;
	background-repeat: no-repeat;
}
.welcomeMiddlePanel {
	padding: 5px 0;
	width: 760px;
	position: relative;
	margin: 0 auto;
}
.welcomeHeaderIcon {
	background-image: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/logo/background/image"/>;
	margin: 36px 33px;
	background-repeat: no-repeat;
    height: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/logo/background/image/@height"/>;
    width: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/logo/background/image/@width"/>;
    display: <skinValue path="/uiSkin/uiElements/welcomePage/section/header/logo/background/image/@display"/>;
}
.welcomeFixedBarTop, .welcomeFixedBarBottom {
	width:100%;
	height: 25px;
	position: absolute;
	background: #000000;
	background: -moz-linear-gradient(left, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/> 0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/> 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/>), color-stop(100%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/>));
	background: -webkit-linear-gradient(left, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/> 0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/> 100%);
	background: -o-linear-gradient(left, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/> 0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/> 100%);
	background: -ms-linear-gradient(left, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/> 0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/> 100%);
	background: linear-gradient(to right, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/> 0%, <skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[1]"/>', endColorstr='<skinValue path="/uiSkin/uiElements/welcomePage/section/frame/background/image/gradient/color[2]"/>',GradientType=1 );
	zoom: 1;
}
.welcomeFixedBarTop {
	top: 0;
	left: 0;
}
.welcomeFixedBarBottom {
	bottom: 0;
	left: 0;
}
/* custom tools */
.welcomeToolContainer {
	margin-left: 12px;
	padding-bottom: 12px;
}
.welcomeToolDescription {
	color: #000000;
}
.welcomeToolHeading {
	color: #000000;
	font-weight: bold;
	padding-bottom: 3px;
}
.welcomeHeaderTitle {
	font-size: 3.0em;
	color:  <skinValue path="/uiSkin/uiElements/welcomePage/section/header/text/color"/>;
	font-weight: normal;
	padding-left: 30px;
	font-family: Arial, Helvetica, Verdana, Tahoma, Arial, sans-serif;	
	vertical-align: middle;
	white-space: nowrap;
	width: 100%;
	text-shadow: 0 1px 0 <skinValue path="/uiSkin/uiElements/welcomePage/section/header/text/shadow/color"/>;
}

/* tool group (box) */
.welcomeToolGroupContainer {
	padding: 0 30px;
	text-align: left;
}
.welcomeToolGroupContainerBorderTop {
    text-align: left;
}
.welcomeToolGroupHeaderContainer {
	color: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/text/color"/>;
	font-size: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	height: 32px;
	padding-top: 10px;
	width: 100%;
	text-shadow: 0 1px 1px <skinValue path="/uiSkin/uiElements/welcomePage/section/content/text/shadow/color"/>;
}
.welcomeToolGroupHeaderLeft {
	height: 32px;
	width: 8px;
}
.welcomeToolGroupHeaderLeft.borderBottom, .welcomeToolGroupHeaderRight.borderBottom, .welcomeToolGroupHeaderContainer.borderBottom {
	
}
.welcomeToolGroupHeaderRight {
	height: 32px;
	width: 8px;
}
.welcomeToolGroupEdge {
	height: 100%;
	width: 1px;
}
.welcomeToolGroupBody {
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

/* "active" tool options */
.welcomeToolContainerNormal {
	cursor: pointer;
	padding: 6px 10px;
	width: 100%;
	border: 1px solid transparent;
}
.welcomeToolContainerOver {
	background-color: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/item/state[@type='hover']/background/color"/>;
	border: 1px solid <skinValue path="/uiSkin/uiElements/welcomePage/section/content/item/state[@type='hover']/border/color"/>;
	padding: 6px 10px;
	cursor: pointer;
	border-radius: 5px;
	width: 100%;
	box-shadow: 0 1px 1px <skinValue path="/uiSkin/uiElements/welcomePage/section/content/item/state[@type='hover']/boxShadow/color"/>;
}
.welcomeToolHeadingContainer {
	color: <skinValue path="/uiSkin/uiElements/welcomePage/section/content/item/state[@type='default']/text/color"/>;
	font-size: 90%;
	font-family: helvetica,arial,geneva,sans-serif;
	padding-left: 10px;
	width: 100%;
	text-shadow: 0 1px 1px <skinValue path="/uiSkin/uiElements/welcomePage/section/content/item/state[@type='default']/text/shadow/color"/>;
}
.welcomeHideShowContainer {
	margin-bottom: 15px;
	margin-left: 21px;
	padding-top: 10px;
	font-size: 70%;
}
.welcomeHideShowText {
	color:<skinValue path="/uiSkin/uiElements/welcomePage/section/content/text/color"/>;
	padding-left: 5px;
}
.welcomeHideShowOver {
	border: 1px solid #b7b7b7;
	padding-right: 5px;
	padding-left: 5px;
}
.welcomeHideShowNormal {
	border: 1px solid transparent;
	padding-left: 5px;
}
.welcomeQTContainer {
	background-color: #ffffff;
	border: 1px solid #000000;
	margin-bottom: 15px;
	margin-right: 25px;
	padding: 1px;
}
.welcomeQTButton {
	background-color: #000000;
	background-image: url(../branding/welcome_qt_background.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	padding: 5px;
	white-space: nowrap;
}

/* footer */
.welcomeLegalNotice {
	color: #ffffff;
}
.welcomeSlogan {
	color: #ffffff;
	font-size: 60%;
	white-space: nowrap;
}

/* --- Custom pages / portlets --- */
.boxBorder {
	border: <skinValue path="/uiSkin/uiElements/portlet/border/color"/> 1px solid;
}
.boxButtonBar {
}

/* Portlet edit buttons */
.boxButtonNormal {
	background-color: <skinValue path="/uiSkin/uiElements/portlet/caption/actions/action/state[@type='default']/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/portlet/caption/actions/action/state[@type='default']/border/color"/> 1px solid;
}
.boxButtonOver {
	background-color: <skinValue path="/uiSkin/uiElements/portlet/caption/actions/action/state[@type='hover']/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/portlet/caption/actions/action/state[@type='hover']/border/color"/> 1px solid;
	padding: 0px;
}

/* Portlet Header */
.boxHeaderBackground {
    <cssStyles path="/uiSkin/uiElements/portlet/caption"/>
	border-bottom: <skinValue path="/uiSkin/uiElements/portlet/caption/border/color"/> 1px solid;
	background-repeat: repeat-x;
	background-position: left top;
	
}
.boxBody {
	color: <skinValue path="/uiSkin/uiElements/portlet/border/color"/>;
	padding: 3px;
}
.boxBody table {
	font-size: 100%;
}
.boxSpacing {
	padding-right: 5px;
}
.boxHeader {
	color: <skinValue path="/uiSkin/uiElements/portlet/caption/text/color"/>;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
}

/* Page editor */
.defaultTitleText {
	color: #000000;
	font-size: 100%;
}
.defaultInstructionsText {
	color: #000000;
	font-size: 80%;
}

/* --- Command / Action buttons --- */

/* image buttons */
.button {
	background-color: #ffffff;
	border: 1px solid;
	border-color: #cccccc;
}
.button_hover {
	background-color: #bec8dc;
	border: #99aacc 1px solid;
}
.button_pressed {
	background-color: #bec8dc;
	border: #336699 1px solid;
}

/* Command buttons (usually appear in dialog footers) */
.commandButton {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='default']"/>
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.commandButtonOver {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='hover']"/>
	cursor: pointer;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.commandButtonDown {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='pressed']"/>
	cursor: pointer;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.commandButtonInactive {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='disabled']"/>
	cursor: default;
	height: 100%;
	text-decoration: none;
	width: 100%;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.commandButtonActive {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	cursor: pointer;
	height: 100%;
	text-decoration: none;
	width: 100%;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
td#btnAnchor a /* none ie browsers */ {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	text-decoration: none;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
td#btnAnchorWide a /* none ie browsers */ {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}
td#btnAnchorIE a {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	height: 100%;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	text-decoration: none;
	width: 100%;
}
.commandButtonOver td#btnAnchor a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/text/color"/>;
    text-decoration: none;
}
.commandButtonOver td#btnAnchorWide a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/text/color"/>;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.commandButtonOver td#btnAnchorIE a {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/text/color"/>;
    height: 100%;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    text-decoration: none;
    width: 100%;
}
.commandButtonDown td#btnAnchor a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='pressed']/text/color"/>;
    text-decoration: none;
}
.commandButtonDown td#btnAnchorWide a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='pressed']/text/color"/>;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.commandButtonDown td#btnAnchorIE a {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='pressed']/text/color"/>;
    height: 100%;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    text-decoration: none;
    width: 100%;
}
.commandButtonInactive td#btnAnchor a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='disabled']/text/color"/>;
    text-decoration: none;
}
.commandButtonInactive td#btnAnchorWide a /* none ie browsers */ {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='disabled']/text/color"/>;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.commandButtonInactive td#btnAnchorIE a {
    color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='disabled']/text/color"/>;
    height: 100%;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    text-decoration: none;
    width: 100%;
}
.genericAnchorButton /* none ie browsers */ {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	text-decoration: none;
}
.genericAnchorWideButton /* none ie browsers */ {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}
.ieAnchorButton {
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	height: 100%;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	text-decoration: none;
	width: 100%;
}

/* Standard HTML command buttons */
.cmdButton {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='default']"/>
	cursor: pointer;
	height: 1.8em;
	margin-right: 0.7em;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
	min-width: 4.9em;
	padding-right: 5px;
	padding-left: 5px;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.cmdButtonOver {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='hover']"/>
	cursor: pointer;
	height: 1.8em;
	margin-right: 0.7em;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
	min-width: 4.9em;
	padding-right: 5px;
	padding-left: 5px;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.cmdButtonInactive {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='disabled']"/>
	height: 1.8em;
	margin-right: 0.7em;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}

/* --- General Dialogs --- */
.dialogBody /* add any dialog body - specific styles here */ {
}
.dialogHeader {
    <cssStyles path="/uiSkin/uiElements/dialog/caption" exclude="border"/>
	height: 24px;
	background-repeat: repeat-x;
	background-position: left top;
    border-bottom: <skinValue path="/uiSkin/uiElements/dialog/caption/border/color"/> <skinValue path="/uiSkin/uiElements/dialog/caption/border/width"/> <skinValue path="/uiSkin/uiElements/dialog/caption/border/style"/>;
}
.popup .dialogHeader {
    border: <skinValue path="/uiSkin/uiElements/dialog/caption/border/color"/> <skinValue path="/uiSkin/uiElements/dialog/caption/border/width"/> <skinValue path="/uiSkin/uiElements/dialog/caption/border/style"/>;
}
.dialogHeader tr {
	background-image: url(../../../ps/images/space.gif); /* to make text readable in IE in high contrast mode */
}
.dialogHeaderText /* Introductory dialog text */ {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.dialogHintText /* generic hint text */ {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.dialogHeaderTitle {
	color: <skinValue path="/uiSkin/uiElements/dialog/caption/text/color"/>;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 3px;
}
.dialogClose /* close button */ {
	margin: 1px 1px 1px 1px;
}
.dialogCloseOver {
	border: #ffffff 1px solid;
}
.dialogDivider /* horizontal dividers e.g. actions dialog */ {
    border-bottom: 1px solid #cccccc
}

/* scroll region in dialogs that support scrolling */
.dialogScrollPane /* IE browser */ {
	height: 100%;
}
.dialogScrollPaneSafari /* Safari */ {
	height: 100%;
}
.dialogScrollPaneOther /* Mozilla and other browsers */ {
	height: 80%;
	overflow: auto;
	position: relative;
}
.dialogButtonBar {
    <cssStyles path="/uiSkin/uiElements/dialog/commandBar" exclude="border"/>
    border-bottom: <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/color"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/width"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/style"/>;
    border-top: <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/color"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/width"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/style"/>;
	height: 40px;
}
.popup .dialogButtonBar {
    border: <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/color"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/width"/> <skinValue path="/uiSkin/uiElements/dialog/commandBar/border/style"/>;
}
.dialogSubHeaderAnchorContainer {
	padding-right: 10px;
}
.dialogSubHeaderAnchorContainer a {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
}
.dialogSearchPathDisplayPanel {
	border: <skinValue path="/uiSkin/uiElements/form/label/text/color"/> 1px solid;
	height: 50px;
	margin-right: 5px;
	overflow: auto;
	padding: 5px;
	word-wrap: break-word;
}
.dialogDefaultActionDisplayPanel {
	border: #336699 1px solid;
	height: 50px;
	margin-right: 5px;
	overflow: auto;
	padding: 5px;
	word-wrap: break-word;
}
.dialogHeaderLink {
	padding-right: 10px;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.dialogHeaderLinkColor {
	color: <skinValue path="/uiSkin/uiElements/dialog/caption/text/color"/>;
}

/* Modal dialogs */
.body_dialog_modal {
	background-color: <skinValue path="/uiSkin/uiElements/body/background/color"/>;
}
#pgr {
    background-color: <skinValue path="/uiSkin/uiElements/body/background/color"/>;
}
.dialogWindowPopup /* pop up dialog */ {
	background-color: <skinValue path="/uiSkin/uiElements/body/background/color"/>;
	border-bottom: #ffffff 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #eeecf3 1px solid;
	padding-top: 10px;
	z-index: 50;
}

/* misc. dialog styles */
.dialogTreePane {
	border: #999999 1px solid;
	height: 380px;
	overflow: auto;
	padding: 5px;
	width: 300px;
}
.sortSelectContainer {
	border: #999999 1px solid;
	height: 380px;
	overflow: auto;
	width: 300px;
}
.sortSelectContent {
	border: none;
	height: 100%;
	width: 100%;
}
.dialogNavigationIndicator {
	width: 12px;
	height: 12px;
	margin-left: 4px;
	cursor: pointer;
	vertical-align: bottom;
}
.resequence /* Resequence dialog */ {
	width: 550px;
}
.pTextarea {
	height: 80px;
	width: 400px;
}
.pInput {
	width: 400px;
}
.smallInput {
	width: 100px;
}
.messageText {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
}
.mainHeader3 {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/background/color"/>;
	padding-top: 5px;
}
.ccOptionsDivider {
	border-right: <skinValue path="/uiSkin/deprecated/colors/color[@name='ccOptionsDividerBorderRight']"/> 1px solid;
	font-size: 0px;
	width: 1px;
}
.ccOptions {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
	text-decoration: underline;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.singlePageName {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='singlePageName']"/>;
	font-weight: bold;
}
.singlePageDisplayHeader {
	height: 22px;
}

/* CC detail view */
.objectName {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-size: 80%;
}
.objectOptions {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
}
.horizSpaceDetailView {
	padding-bottom: 20px;
}
.objectNoneFound {
	color: #666699;
	padding-top: 50px;
	text-align: center;
}
.toolbarFlyoutNormal, .toolbarImageNormal {
	<cssStyles path="/uiSkin/uiElements/toolbar/item/state[@type='default']"/>
	cursor: pointer;	
}
.toolbarFlyoutOver, .toolbarImageOver {	
<cssStyles path="/uiSkin/uiElements/toolbar/item/state[@type='hover']"/>
	cursor: pointer;
}

.toolbarFlyoutOver:active, .toolbarImageOver:active {
<cssStyles path="/uiSkin/uiElements/toolbar/item/state[@type='active']"/>
	cursor: pointer;
}

.toolbarImageOverPressed, .toolbarImagePressed {
<cssStyles path="/uiSkin/uiElements/toolbar/item/state[@type='selected']"/>
	cursor: pointer;
}
.toolbarImageUnavailable {
	padding: 3px;
}

.toolbarDividerContainer {
	padding-left: 2px;
}
.toolbarDivider {
	background-image: url(../shared/images/toolbar_divider.gif);
	background-repeat: no-repeat;
	width: 1px;
}
.toolbarImageDefaultCursor {
	cursor: default;
}

/* --- Tab control --- */

/* Static tab control */
.staticTabPadding {
}
.tabBorder {
 	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
    padding: 0 1px;
}

.tabBorderInverted {
 	border-top: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
    padding: 0 1px;
}

.tabLabel {
	font-weight: bold;
}

.tabLink {
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
	background-color: inherit;
	background-image: inherit;
}

/* Dynamic tab control */
.tabScrollButton {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='default']/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='default']/border/color"/> 1px solid;
	cursor: pointer;
	margin-left: 1px;
	padding: 1px;
}
.tabScrollButtonOver {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='hover']/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='default']/border/color"/> 1px solid;
	cursor: pointer;
	margin-left: 1px;
	padding: 1px;
}
.tabScrollButtonDisabled {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='disabled']/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/tabs/scrollButton/state[@type='disabled']/border/color"/> 1px solid;
	cursor: default;
	margin-left: 1px;
	padding: 1px;
}
.tabBarContainer {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/background/color"/>;
	width: 100%;
}
.tabAnchor, #scheduleDiv .tabNormal a {
	color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/text/color"/>;
}
.tabNormal, .tabNormalInverted {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/background/color"/>;
	border-right: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/color"/> 1px solid;
	border-left: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/color"/> 1px solid;	
	background-image: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/background/image"/>;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.tabNormal {
	border-top: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/color"/> 1px solid;
    padding-top: 1px;
	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;	
    -webkit-border-top-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -webkit-border-top-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -moz-border-radius-topleft: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -moz-border-radius-topright: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    border-top-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    border-top-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
}
.tabNormalInverted {
	border-top: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;	
    padding-bottom: 1px;
	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/color"/> 1px solid;
    -webkit-border-bottom-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -webkit-border-bottom-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -moz-border-radius-bottomleft: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    -moz-border-radius-bottomright: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    border-bottom-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
    border-bottom-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/border/radius"/>;
}

.tabNormal:hover {
    background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/background/color"/>;
    border-top: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/highlight/color"/> 2px solid;
    border-right: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/border/color"/> 1px solid;
    border-left: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/border/color"/> 1px solid;  
    background-image: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/background/image"/>;
    padding-top: 0px;
}
.tabNormalInverted:hover {
    background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/background/color"/>;
    border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/highlight/color"/> 2px solid;
    border-right: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/border/color"/> 1px solid;
    border-left: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/border/color"/> 1px solid;  
    background-image: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/background/image"/>;
    padding-bottom: 0px;
}
.tabSelected, .tabSelectedInverted {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/background/color"/>;
	border-right: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
	border-left: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
	background-image: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/background/image"/>;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.tabSelected {
	border-top: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/highlight/color"/> 2px solid;
    -webkit-border-top-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -webkit-border-top-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -moz-border-radius-topleft: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -moz-border-radius-topright: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    border-top-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    border-top-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
}
.tabSelectedInverted {
	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/highlight/color"/> 2px solid;
    -webkit-border-bottom-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -webkit-border-bottom-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -moz-border-radius-bottomleft: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    -moz-border-radius-bottomright: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    border-bottom-left-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
    border-bottom-right-radius: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/radius"/>;
}
.tabSelected , .tabSelected  a {
	color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/text/color"/>;
}
.tabSpacer {
	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
	width: 2px;
}
.tabTail {
	border-bottom: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
	border-right: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/border/color"/> 1px solid;
	font-size: 1px;
	height: 20px;
	margin-right: 2px;
	width: 100%;
}
.tabSelectedEdgeBorder {
	display:none;
}
.tabNormalEdgeBorder {
	display:none;
}
.tabMenuButtonNormal {
	border: <skinValue path="/uiSkin/uiElements/tabs/tabBar/background/color"/> 1px solid;
	cursor: pointer;
	padding: 1px;
}
.tabMenuButtonOver {
	border: #666699 1px solid;
	cursor: pointer;
	padding: 1px;
}

/* --- Path control --- */
.pathLeafNode {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='pathLeafNode']"/>;
	font-weight: bold;
}
.pathSeparator {
	color: #0000cc;
}
.pathLink {
	color: #0000cc;
}

/* --- List control --- */
.maskLinkText {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
}
.rowSelectHighlight {
	background-color: #e3e9f3;
}
.rowSelectOver {
	background-color: #cccccc;
}
.pager_text {
	color: #000000;
}
.cctable, #pgr.cctable {
	background-color: <skinValue path="/uiSkin/uiElements/grid/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/grid/border/color"/> 1px solid;
}
.rowDividerLine {
	border-top: #e7e7e7 1px solid;
}
.rowDivider {
	border-right: #cccccc 1px solid;
	font-size: 0px;
	width: 1px;
}
.rowHighlight {
	background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='alternate']/background/color"/>;
}

/* --- hovered rows --- */

.tableHeader {
    <cssStyles path="/uiSkin/uiElements/grid/header" ie8compatible="true"/>
}
.tableFooter {
    <cssStyles path="/uiSkin/uiElements/grid/footer"/>
	font-size: 9px;
}
.tableHeaderDivider {
	background-color: #9c9c9c;
}
.tableTitle {
	color: <skinValue path="/uiSkin/uiElements/grid/header/text/color" />;
	font-weight: <skinValue path="/uiSkin/uiElements/grid/header/text/weight"/>;
}
.tableSortTitle {
	color: <skinValue path="/uiSkin/uiElements/grid/header/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/grid/header/text/weight"/>;
	text-decoration: none;
}
.tabletext {
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='default']/text/color"/>;
	padding: 1px 2px;
}
.tableItemCount {
	color: #000000;
}
.inactiveTableText {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='textDisabled']"/>;
	padding: 1px 2px;
}

/* --- Goto page scrollable region --- */
.gotoSelectRegion {
	border-right: #999999 1px solid;
	height: 165px;
	overflow: auto;
	padding: 5px;
	width: 100%;
}

/* --- Misc. --- */
.countSummary {
	background-color: #ffffcc;
	border-bottom: #9c9c9c 1px solid;
	border-left: #000000 1px solid;
	border-right: #9c9c9c 1px solid;
	border-top: #000000 1px solid;
}
.mruPackageList {
	border: 3px double #999999;
	height: 74px;
	overflow: auto;
	padding-left: 2px;
	padding-right: 2px;
	width: 350px;
}

/* --- DHTML --- */

/* flyouts */
.hidden {
	display: none;
	height: 1px;
	position: absolute;
	width: 1px;
	z-index: 2;
}
.visible {
	background-color: #ffffff;
	border: #e3e9f3 2px outset;
	display: block;
	height: 1px;
	position: absolute;
	width: 1px;
	z-index: 2;
}
.flyOutMenu {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/popupMenu/border/color"/> 1px solid;
	font-size: 100%;
	font-weight: normal;
	overflow: auto;
	overflow-x: hidden;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
	text-align: left;
}
.flyOutMenuSeparator {
	border-bottom: #c0c0c0 1px solid;
	font-size: 0px;
	height: 1px;
	margin-bottom: 3px;
	margin-top: 1px;
	width: 100%;
}
.menuItemOver {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/text/color"/>;
	cursor: pointer;
	height: 20px;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.menuItemOver .text {
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/text/color"/>;
	text-decoration: underline;	
}
.menuItemNormal {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='default']/text/color"/>;
	cursor: pointer;
	height: 20px;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.menuItemNormal .text {
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='default']/text/color"/>;	
}

.flyOutMenu .inactiveText {
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='disabled']/text/color"/>;
}

.menuItemIcon {
	padding-left: 6px;
	padding-right: 8px;
}

/* --- WSRP-specific --- */
.portlet-font {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-font-dim {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='textDisabled']"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table {
	background-color: <skinValue path="/uiSkin/uiElements/grid/background/color"/>;
}
.portlet-section-header, .portlet-table-header {
    <cssStyles path="/uiSkin/uiElements/grid/header"/>
}
.portlet-section-body {
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-body {
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
}
.portlet-section-alternate {
	background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='alternate']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-alternate {
	background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='alternate']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
}
.portlet-section-selected {
	background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='selected']/background/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-selected {
	background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='selected']/background/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-section-subheader {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='tableBackgroundSubHeader']"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-subheader {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='tableBackgroundSubHeader']"/>;
}
.portlet-section-footer {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='tableBackgroundSubHeader']"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-footer {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='tableBackgroundSubHeader']"/>;
}
.portlet-section-text {
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-table-text {
	color: <skinValue path="/uiSkin/uiElements/grid/body/row/state/text/color"/>;
}
.portlet-form-input-field {
	font-size: 9pt;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-form-label {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: bold;
}
.portlet-form-button {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='default']"/>
	cursor: pointer;
	font-size: 128%;
	height: 24px;
	overflow-x: visible;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	width: 70px;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.portlet-form-button[type] {
	height: auto;
	min-height: 24px;
	width: auto;
}
.portlet-form-button:hover {
    <cssStyles path="/uiSkin/uiElements/form/button/state[@type='hover']"/>
    -moz-box-shadow:    0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    box-shadow:         0px 1px 1px rgba(0,0,0,0.5), inset 0px 0px 0px #FFFFFF;
    text-shadow:        0px -1px 1px rgba(0,0,0,0.2), 0px 1px 1px #FFFFFF;
}
.portlet-icon-label {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-dlg-icon-label {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-form-field-label {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: bold;
}
.portlet-form-field {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-msg-status {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-msg-info {
	color: <skinValue path="/uiSkin/uiElements/form/label/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-msg-error {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='textError']"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-msg-alert {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-msg-success {
	color: <skinValue path="/uiSkin/uiElements/body/text/color"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.portlet-menu {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/background/color"/>;
	border: <skinValue path="/uiSkin/uiElements/popupMenu/border/color"/> 1px solid;
}
.portlet-menu-item {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='default']/text/color"/>;
}
.portlet-menu-item-selected {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/text/color"/>;
}
.portlet-menu-item-hover {
	background-color: #e3e9f3;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/text/color"/>;
}
.portlet-menu-item-hover-selected {
	background-color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='hover']/text/color"/>;
}
.portlet-menu-cascade-item {
}
.portlet-menu-cascade-item-selected {
}
.portlet-menu-description {
}
.portlet-menu-caption {
	color: #000000;
}
.cognos-form-footer {
	background: #e3e9f3;
	border-top: solid 1px #cccccc;
}
.cognos-form-footer-area {
	padding-bottom: 2px;
	padding-top: 5px;
}
.cognos-form-footer-button-area {
	padding-left: 5px;
}
.cognos-tooltip {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='tooltip']"/>;
	border-bottom: <skinValue path="/uiSkin/deprecated/colors/color[@name='portletTooltipBorder']"/> 1px solid;
	border-left: <skinValue path="/uiSkin/deprecated/colors/color[@name='portletTooltipTopBorder']"/> 1px solid;
	border-right: <skinValue path="/uiSkin/deprecated/colors/color[@name='portletTooltipBorder']"/> 1px solid;
	border-top: <skinValue path="/uiSkin/deprecated/colors/color[@name='portletTooltipTopBorder']"/> 1px solid;
}
.cognos-select-blur {
	background-color: #cccccc;
	color: #000000;
}
.cognos-path {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='pathLeafNode']"/>;
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.cognos-help-link {
	font-weight: <skinValue path="/uiSkin/uiElements/body/text/weight"/>;
}
.cognos-anchor {
	color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
}
.cognos-section-background {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='sectionBackground']"/>;
}

/* --- Colour Picker control --- */
.colourPicker {
	background-color: #ffffff;
	border: #000000 1px solid;
	display: none;
	height: 265px;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	width: 318px;
	z-index: 4;
}
.CPCaptionBar {
	background-color: #ddddff;
	padding: 3px;
	width: 100%;
}
.paletteContainer {
	border-collapse: collapse;
	padding: 5px;
}
.colourPreviewContainer {
	background-color: #eeeeee;
	border: #cccccc 1px solid;
	height: 160px;
	position: relative;
	top: 1px;
	width: 200px;
}
.colourPreviewPane {
	background-color: #000000;
	border: #000000 1px solid;
	height: 110px;
	margin-left: 27px;
	margin-top: 25px;
	position: relative;
	width: 145px;
}
.CPcolourSwatchPress {
	border: #336699 1px solid;
	cursor: pointer;
	height: 13px;
	width: 13px;
}
.CPcolourSwatchOver {
	border: #ffffff 1px solid;
	cursor: pointer;
	height: 13px;
	width: 13px;
}
.CPcolourSwatch {
	border: #cccccc 1px solid;
	cursor: pointer;
	height: 13px;
	width: 13px;
}
.CPnamedColourSwatchPress {
	border: #336699 1px solid;
	cursor: pointer;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}
.CPnamedColourSwatchOver {
	border: #ffffff 1px solid;
	cursor: pointer;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}
.CPnamedColourSwatch {
	border: #cccccc 1px solid;
	cursor: pointer;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}
.namedColourPanelText {
	font-size: 8pt;
	padding-left: 5px;
	text-decoration: underline;
	vertical-align: middle;
}
.namedColourPanelOver {
	background-color: #e3e9f3;
	border: #99aacc 1px solid;
	color: #0000cc;
	cursor: pointer;
	height: 15px;
	padding: 1px;
	vertical-align: middle;
	width: 147px;
}
.namedColourPanel {
	border: #ffffff 1px solid;
	color: #0000cc;
	height: 15px;
	padding: 1px;
	vertical-align: middle;
	width: 147px;
}

/* --- Email body, links and attachments --- */
.emailItem {
	background-color: #ffffff;
	border: #ffffff 2px solid;
	margin-top: 0px;
}
.emailItem_active {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='emailItemBackground']"/>;
	border: #191970 2px solid;
	padding: 0px;
}
.emailItem_hover {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='emailItemBackground']"/>;
	border: #191970 2px solid;
	padding: 0px;
}
.emailBodyTableRow {
	border: #99aacc 1px solid;
	padding: 2px;
}
.emailLinksAttachmentTableRow {
	border-bottom: #99aacc 1px solid;
	border-left: #99aacc 1px solid;
	border-right: #99aacc 1px solid;
	padding: 2px;
}

/* --- Container --- */
.detailsContainerHeader {
	background-color: #f3f3f3;
	float: left;
	height: 100%;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 1px;
	padding-top: 1px;
	width: 100%;
}
.detailsContainer {
	border: 1px solid #f3f3f3;
	height: 100%;
	margin-top: 1px;
	width: 100%;
}
.detailsContainerContent {
	background-color: #ffffff;
	float: left;
	height: 100%;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	width: 100%;
}
.groupingBorder {
	border: <skinValue path="/uiSkin/deprecated/colors/color[@name='groupingBorder']"/> 1px solid;
	padding: 2px;
}

/* --- Styles for styling the RSS feed available from cc.xts --- */
.rss-header {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='rssHeaderBackground']"/>;
	border: <skinValue path="/uiSkin/deprecated/colors/color[@name='rssHeaderBorder']"/> 1px solid;
	background-image: <skinValue path="/uiSkin/uiElements/dialog/caption/background/image"/>;
	background-repeat: repeat-x;
	background-position: left top;
	height: 24px;
}
.rss-header-title {
	color: #ffffff;
	font-weight: bold;
}
.rss-title {
	color: #0000cc;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}
.rss-desc {
	color: #000000;
}
.rss-item-title {
	color: #0000cc;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: underline;
}
.rssRightPanel {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='rssRightPanelBackground']"/>;
	border: #ffffff 2px solid;
	padding: 5px;
}
.rssLeftPanel {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='rssLeftPanelBackground']"/>;
	border: #ffffff 2px solid;
	padding: 5px;
}

/* error page fault section */
.errorPanel {
	border: 1px solid black;
	font-size: 10pt;
	margin-right: 15px;
	overflow: auto;
	padding: 5px;
	width: 100%;
}
.mainSearchEdit {
	height: 14px;
	width: 145px;
}
.sectionBackground {
	background-color: <skinValue path="/uiSkin/deprecated/colors/color[@name='sectionBackground']"/>;
}
.indexTreeCategorySelected {
	background-color: #000000;
	color: #ffffff;
}
.indexTreeCategoryHover {
	background-color: #e3e9f3;
	color: #000000;
}
.indexTreeCategoryHoverSelected {
	background-color: #000000;
	color: #ffffff;
}
.indexTreeCategoryBlur {
	background-color: #cccccc;
	color: #000000;
}
.rtl .flippingImages {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: fliph;
}

/* --- Viz bundle import --- */
.vizImportBrowse 
{
    color: <skinValue path="/uiSkin/deprecated/colors/color[@name='anchor']"/>;
}
.vizImportList 
{
    overflow: auto;
    border: 1px solid;
    border-color: #c0c0c0;
    height: 200px;
    width: 400px
}
.vizImportListInactiveEntry
{
    color: #c0c0c0;
}
</css>