/*
   Copyright (C) 2008 Cognos ULC, an IBM Company. All rights reserved.
   Cognos (R) is a trademark of Cognos ULC, (formerly Cognos Incorporated).
*/
@import url(../shared/banner.css);
/* --- Generic styles --- */
a 
{
	color: #0000cc;
}
body 
{
	background-color: #ffffff;
}
select 
{
	font-size: 10pt;
}
input 
{
	font-size: 10pt;
}
textarea
{
	font-size: 10pt;
}
.formLabel 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #336699;
}
.formLink 
{
	font-size: 70%;
}
.formText 
{
	font-size: 70%; 
	color: #000000;
}
.bold 
{
	font-weight: bold;
}
.hiddenEntryIcon
{
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}
.inactiveText 
{
	color: #999999;
}
.inactiveHRef 
{
	color: #999999; 
	text-decoration: underline;
}
.text 
{
	font-size: 70%; 
	color: #0000cc;
}
.copyright
{
	font-size: 70%; 
	color: #000000;
}
.legalText 
{
	font-weight: normal; 
	font-size: 70%; 
	color: #999999;
}


/* --- Welcome screen --- */
/*	Welcome page when rendered in full */
.welcomePageFull
{
	background-color: #dbe8f1;	
	overflow: auto;
	margin:0px;
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
}
/*	Welcome page when rendered in lite mode */
.welcomeLite
{
	background-color: #ffffff;	
}
.welcomeHeader
{
	/* height: see welcomeLogoContainer */
	width:100%;
	background-color: #000033;	
}
.welcomeLogoContainer
{
	height: 38px;
	width: 214px;
	background-image:url(../branding/welcome.gif);
	background-repeat: no-repeat;
}

/* header options */
table.welcomeHeader a
{
	color:#ffffff;
}
.welcomeUserNameContainer
{
	font-size: 70%;
	font-weight: bold; 
	white-space:nowrap;
	color:#ffffff;
	padding-top:10px;
	padding-right:30px;
	padding-left:30px;
}
.welcomeAuthentication 
{
	font-size: 70%;
	white-space:nowrap;
	padding-top:10px;
	padding-right:30px;
	white-space:nowrap;
}
.welcomeMiddlePanel
{
	padding-bottom:10px;
	padding-top:10px;
	background-color: #ffffff;
	border:1px solid #000033;
}

/* custom tools */
.welcomeToolContainer 
{
	padding-bottom: 12px;
	margin-left: 12px;
}
.welcomeToolDescription
{
	font-size: 70%;
	color: #000000;
}
.welcomeToolHeading
{
	font-size: 70%;
	font-weight: bold;	
	color: #000000;
	padding-bottom:3px;
}

/* tool group (box) */
.welcomeToolGroupContainer
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.welcomeToolGroupHeaderContainer
{
	background-image: url(../branding/tool_group_header.gif);
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	width: 100%;
	height: 32px;
	padding-left: 4px;
}
.welcomeToolGroupHeaderLeft
{
	height: 32px;
	width: 8px;
	background-image: url(../branding/tool_group_header_left.gif);
	background-repeat: no-repeat;	
}
.welcomeToolGroupHeaderRight
{
	height: 32px;
	width: 8px;
	background-image: url(../branding/tool_group_header_right.gif);
	background-repeat: no-repeat;
}
.welcomeToolGroupEdge
{
	background-image: url(../branding/tool_group_container_edge.gif);
	background-repeat: no-repeat;
	width: 1px;
	height: 100%;
}
.welcomeToolGroupBody
{
	background-image: url(../branding/welcome_group_background.gif);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 0px;
}

/* "active" tool options */
.welcomeToolContainerNormal
{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 3px;	
	cursor: pointer;
	color: #486b87;
	width: 100%;
}
.welcomeToolContainerOver
{
	background-color: #dbe8f1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	border: 1px solid #336699; 
	cursor: pointer;
	width: 100%;	
}
.welcomeToolHeadingContainer
{
	color: #336699;
	font-size: 80%;
	font-weight: bold;
	padding-left:10px;
	width:100%;	
}

.welcomeHideShowContainer
{
	margin-left:21px;
	margin-bottom:15px;
}
.welcomeHideShowText
{
	padding-left:5px;
	font-size: 70%;
	color:#000000;
}
.welcomeQTContainer
{
	margin-bottom:15px;
	margin-right:25px;
	background-color: #ffffff;
	border:1px solid #000000; 
	padding: 1px;
}
.welcomeQTButton
{
	background-color: #000000;
	cursor:pointer;
	color:#ffffff;
	font-size: 70%;
	padding:5px;
	font-weight: bold; 
	white-space:nowrap;
	background-image: url(../branding/welcome_qt_background.gif);	
	background-repeat: repeat-x;
}

/*  footer */
.welcomeFooter
{
	padding-right:25px;
	padding-left:25px;
	height: 60px;
	width:100%;
	background-color:#000033;
}
.welcomeLegalNotice
{
	font-size: 70%;
	color: #ffffff;	
}
.welcomeLogoContainerSmall
{ 
	width: 67px;
	height: 23px;
	background-image: url(../branding/vw_footer_cognos.gif);
	background-repeat: no-repeat;
	font-size: 0px;
}	
.welcomeSlogan 
{
	font-size: 60%; 		
	color:#ffffff;
	white-space:nowrap;
}	




/* --- Custom pages / portlets --- */
.boxborder 
{
	border: #e7e7e7 1px solid; 
}
.boxButtonBar 
{
	
}
/* Portlet edit buttons */
.boxButtonNormal 
{
	border: #ffffff 1px solid; 
	padding: 0px;
	background-color: #ffffff;
}
.boxButtonOver 
{
	border: #ffffff 1px solid;
	padding: 0px;
	background-color: #ffffff;
}
/* Portlet Header */
.boxHeaderBackground 
{
	background-color: #99aacc;
}
.boxBody 
{
	padding: 3px; 
	font-size: 70%;
	color: #000000;
}
.boxBody table 
{
	font-size: 100%;
}
.boxSpacing 
{
	padding-right: 5px;
}
.boxHeader 
{
	padding: 2px 2px 2px 4px;
	font-weight: bold;
	font-size: 70%;
	color: #ffffff; 
}
/* Page editor */
.defaultTitleText 
{
	font-size: 100%; 
	color: #000000;
}
.defaultInstructionsText 
{
	font-size: 80%; 
	color: #000000;
}



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

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

/* Command buttons (usually appear in dialog footers) */
.commandButton 
{
	border: #999999 1px solid;  
	font-size: 90%;
	background-color: #ffffff;
}
.commandButtonOver 
{
	border: #999999 1px solid;
	font-size: 90%; 
	cursor: pointer; 
	background-color: #e3e9f3;
}
.commandButtonDown 
{
	border: #999999 1px solid; 
	font-size: 90%; 
	cursor: pointer;
	background-color: #e3e9f3;
}
.commandButtonInactive 
{
	font-size:90%;
	width: 100%; 
	cursor: default; 
	color: #999999; 
	height: 100%; 
	text-decoration: none;
	border: #999999 1px solid;
	background-color: #ffffff;
}
.commandButtonActive 
{ 
	width: 100%; 
	cursor: pointer; 
	color: #000000;
	height: 100%; 
	text-decoration: none;
}
td#btnAnchor a /* none ie browsers */
{
	color: #000000; 
	text-decoration: none;
}
td#btnAnchorWide a /* none ie browsers */
{
	padding-right: 15px; 
	padding-left: 15px; 
	color: #000000;
	text-decoration: none;
}
td#btnAnchorIE a
{
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 3px;	
	padding-top: 2px; 
	width:100%;
	color: #000000;
	height: 100%; 
	text-decoration: none;
}

/* Standard HTML command buttons */
.cmdButton 
{
	border: #999999 1px solid; 
	font-size: 90%;
	cursor: pointer; 
	color: #000000;
	background-color: #ffffff;	
	width: expression(offsetWidth < 70 ? "70px" : offsetWidth + "px");
	margin-right:10px;
	height:26px;
}
.cmdButtonOver
{
	border: #999999 1px solid; 
	font-size: 90%;
	cursor: pointer; 
	color: #000000;
	background-color: #e3e9f3;
	width: expression(offsetWidth < 70 ? "70px" : offsetWidth + "px");	
	margin-right:10px;
	height:26px;
}
.cmdButtonInactive
{
	border: #cccccc 1px solid; 
	font-size: 90%;	
	color: #cccccc;
	background-color: #ffffff;
	width: expression(offsetWidth < 70 ? "70px" : offsetWidth + "px");
	margin-right:10px;;
	height:26px;
}



/* --- General Dialogs --- */

.dialogBody /* add any dialog body - specific styles here */
{  

}
.dialogHeader
{
	border: #336699 1px solid;
	height: 24px;
	background-color: #99aacc;
}
.dialogHeaderText /* Introductory dialog text*/ 
{
	font-size: 70%; 
	color: #336699;	
}
.dialogHintText /* generic hint text */ 
{
	font-size: 70%; 
	color: #336699;	
}
.dialogHeaderTitle 
{
	padding-left: 3px; 
	font-weight: bold; 
	font-size: 70%; 
	color: #ffffff; 
	padding-top: 3px;
}
.dialogClose /* close button */
{
	margin: 1px 1px 1px 1px;
}
.dialogCloseOver
{
	border: #ffffff 1px solid;
}
.dialogDivider /* horizontal dividers e.g. actions dialog */
{
	background-color: #cccccc;
}
/* scroll region in dialogs that support scrolling */
.dialogScrollPane /* IE browser */
{
	overflow: auto; 
	width: 100%; 
	padding-top: 10px; 
	height: 100%;
}
.dialogScrollPaneSafari /* Safari */
{
	padding-top: 10px; 
	height: 100%;
}
.dialogScrollPaneOther /* Mozilla and other browsers */
{
	overflow: auto; 
	padding-top: 10px; 
	position: relative; 
	top: 5px; 
	height: 80%;
}
.dialogButtonBar
{
	border: #cccccc 1px solid; 
	background: #e7e7e7; 
	padding: 3px;  
	height: 40px;
}
.dialogSubHeaderAnchorContainer
{
	padding-right: 10px;
	font-size: 70%; 	
}
.dialogSubHeaderAnchorContainer a
{
	color: #0000cc;
}
.dialogSearchPathDisplayPanel
{
	height: 50px;
	overflow: auto;
	word-wrap: break-word;
	border: #336699 1px solid;
	padding:5px;
	margin-right:5px;
}
.dialogDefaultActionDisplayPanel
{
	overflow: auto; 
	word-wrap: break-word;
	border: #336699 1px solid;
	height:50px;
	padding:5px;
	margin-right:5px;
}
																															
.dialogHeaderLink
{
	padding-right: 10px; 
	font-size: 70%;
}
.dialogHeaderLinkcolor
{
	color: #ffffff;
}
/* Modal dialogs */
.body_dialog_modal,#pgr
{
	background-color: #ffffff;
}

.dialogWindowPopup /* pop up dialog */
{
	border-right: #cccccc 1px solid; 
	border-top: #eeecf3 1px solid; 
	border-left: #cccccc 1px solid; 
	border-bottom: #ffffff 1px solid;
	z-index: 50;	
	padding-top: 10px;	 
	background-color: #ffffff;
}
/* misc. dialog styles */
.dialogTreePane 
{
	border: #999999 1px solid; 
	padding: 5px;
	overflow: auto;  
	width: 300px;
	height: 380px
}
.dialogNavigationIndicator /* Navigation indicator */
{
	width: 12px;
	height: 12px;
	margin-left: 4px;
	cursor: pointer;
	vertical-align: bottom;
}
.sortSelect /* Order dialog  */
{
	width: 300px;
}
.resequence		/* Resequence dialog  */
{	
	width: 550px;
}
.pTextarea 
{
	width: 400px; 
	height: 80px;
}
.pInput 
{
	width: 400px;
}
.smallInput 
{
	width: 100px;
}
.messageText
{
	font-size: 70%; 
	color: #000000;
}


.mainHeader3 
{
	padding-top: 5px; 
	background-color: #f3f3f3;
}
.singlePageName 
{
	font-weight: bold;
	font-size: 70%; 
	color: #336699;
}
.singlePageDisplayHeader 
{
	height: 22px;
}
.ccOptions 
{
	font-size: 70%; 
	color: #0000cc;
	text-decoration: underline;
}


/* CC detail view */
.objectName 
{
	font-size: 80%; 
	color: #000000;
}
.objectOptions
{
	font-size: 70%; 
	color: #000000
}
.horizSpaceDetailView 
{
	padding-bottom: 20px;
}
.objectNoneFound
{
	font-size: 70%; 
	color: #666699; 
	padding-top: 50px; 
	text-align: center;
}
.toolbarImageNormal 
{
	padding: 3px; 
	cursor: pointer;
	background-color: #ffffff;
}
.toolbarImageOver 
{
	padding: 3px; 
	cursor: pointer;
	background-color: #e3e9f3;
}
.toolbarImagePressed 
{
	padding: 2px; 
	border: #666699 1px solid; 
	cursor: pointer;
	background-color: #e3e9f3;
}
.toolbarImageOverPressed 
{
	padding: 2px; 
	border: #666699 1px solid; 
	cursor: pointer; 
	background-color: #c6c6d7;
}
.toolbarImageUnavailable 
{
	padding: 3px; 
	background-color: #ffffff;
}
.toolbarFlyoutNormal 
{ 
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	cursor: pointer;
	background-color: #ffffff;
}
.toolbarFlyoutOver
{	
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	cursor: pointer;	
	background-color: #e3e9f3;
}
.toolbarDividerContainer 
{
	padding-left: 2px;
}
.toolbarDivider 
{
	width: 1px; 
	background-image:url(../shared/images/toolbar_divider.gif);
	background-repeat: no-repeat;
}
.toolbarImageDefaultCursor 
{
	cursor: default;
}
.ccOptionsDivider 
{
	border-right: #999999 1px solid; 
	font-size: 0px; 
	width: 1px;
}

/* --- Tab control --- */
/* Static tab control */
.tabBorder 
{
	background-color: #999999;
}
.tabLabel 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #336699;
}
.tabLink 
{
	font-size: 70%; 
	color: #0000cc;
}


/* Dynamic tab control */
.tabScrollButton
{ 
	margin-left:1px;
	padding: 1px;
	border: #999999 1px solid; 
	cursor: pointer;
	background-color: #ffffff;
}
.tabScrollButtonOver 
{
	margin-left:1px;
	padding: 1px;
	border: #999999 1px solid;
	cursor: pointer;
	background-color: #e3e9f3;
}
.tabScrollButtonDisabled 
{	
	margin-left:1px;
	padding: 1px; 
	border: #cccccc 1px solid;
	cursor: default;
	background-color: #ffffff;
}
.tabBarContainer
{
	width: 100%;
	height: 20px;
	background-color:#f3f3f3;
}
.tabAnchor
{
	color: #0000cc;
}
.tabNormal 
{
	padding-right: 20px; 
	padding-left: 20px; 
	font-size: 70%;	
	text-align: center;
	background-color: #ffffff;
	border-bottom:#999999 1px solid;
	border-top:#e7e7e7 1px solid;
	
}
.tabSelected
{
	padding-right: 20px;	 
	padding-left: 20px; 
	border-top:#999999 1px solid;
	font-weight: bold; 
	font-size: 70%;	 
	color: #336699;
	text-align: center;
	background-color:#ffffff;
}
.tabSpacer
{
	width:2px;
	border-bottom:#999999 1px solid;
}
.tabTail 
{
	height:20px;
	width:100%;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin-right:2px;
	font-size:1px;
}
.tabLeftSelected 	{	height:100%; width:7px; background-image:url(../shared/images/tab_selected_l.gif); background-repeat: no-repeat; }
.tabRightSelected	{	height:100%; width:7px; background-image:url(../shared/images/tab_selected_r.gif); background-repeat: no-repeat;}
.tabLeftNormal 		{	height:95%; width:6px; background-image:url(../shared/images/tab_normal_l.gif); background-repeat: no-repeat;	border-bottom:#999999 1px solid; }
.tabRightNormal		{	height:95%; width:6px; background-image:url(../shared/images/tab_normal_r.gif); background-repeat: no-repeat;	border-bottom:#999999 1px solid;}
.tabMenuButtonNormal 
{
	border: #f3f3f3 1px solid;  
	padding:1px;
	cursor:pointer;
}
.tabMenuButtonOver 
{
	border: #666699 1px solid; 
	padding:1px;
	cursor:pointer;
}

/* --- Path control --- */
.pathLeafNode 
{
	font-weight: bold; 
	color: #336699;
}
.pathSeparator 
{
	color: #0000cc;
}
.pathLink 
{
	color: #0000cc;
}


/* --- List control --- */
.pager_text 
{
	font-size: 70%; 
	color: #000000;
}
.cctable 
{
	border-right: #999999 1px solid; 
	border-top: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-bottom: #999999 1px solid; 
	background-color: #ffffff;
}
.rowDividerLine 
{
	border-top: #e7e7e7 1px solid;
}
.rowDivider 
{
	border-right: #cccccc 1px solid; 
	font-size: 0px; 
	width: 1px;
}
.rowHighlight 
{
	background-color: #f3f3f3;
}
.tableHeader 
{
	background-color: #e7e7e7;
}
.tableFooter
{
	background-color: #e7e7e7;
	border-top: #999999 1px solid;
	font-size: 9;
	padding: 4px;
}
.tableHeaderDivider 
{
	background-color: #999999;
}
.tableTitle 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #336699;
}
.tableSortTitle
{
	font-weight: bold; 
	color: #336699; 
	text-decoration: none;
}
.tableText 
{
	font-size: 70%; 
	color: #000000;
}
.tableItemCount 
{
	font-size: 70%; 
	color: #000000;
}
.inactiveTableText 
{
	font-size: 70%; 
	color: #999999;
}


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

/* --- Misc. --- */
.countSummary 
{
	border-right: #999999 1px solid; 
	border-top: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-bottom: #999999 1px solid; 
	background-color: #ffffcc;
}

.mruPackageList
{
	border: 3px double #999999 ; 
	overflow: auto;
	height:74px;
	padding-left:2px;
	padding-right:2px;
	width:350px;
}

/* --- DHTML --- */

/* flyout */
.hidden 
{
	display: none; 
	z-index: 2; 
	width: 1px; 
	position: absolute; 
	height: 1px;
}
.visible 
{
	border: #e3e9f3 2px outset;
	display: block; 
	z-index: 2;
	width: 1px;
	position: absolute; 
	height: 1px; 
	background-color: #ffffff;
}
.flyOutMenu 
{
	border: #336699 1px solid; 
	font-weight: normal; 
	font-size: 100%; 
	overflow-x: hidden; 
	overflow: auto;
	background-color: #ffffff;
}
.flyOutMenuSeparator 
{
	border-bottom: #c0c0c0 1px solid;
	width:100%;
	margin-bottom:3px;
	margin-top:1px;
	font-size:0px;
	height:1px;
}
.menuItemOver 
{ 
	text-decoration:underline;
	cursor:pointer;
	color: #000000;
	height: 20px; 
	background-color: #e3e9f3;
}
.menuItemNormal 
{ 
	text-decoration:underline;
	cursor:pointer;
	color: #000000;
	height: 20px; 
	background-color: #ffffff;
}
.menuItemIcon 
{
	padding-right: 8px; 
	padding-left: 6px; 
}

/* --- Custom select control --- */
.listItemText 
{
	font-size: 80%; 
	color: #000000;
}
.listItemOver 
{
	padding: 1px; 
	color: #000000; 
	height: 20px;
	background-color: #e3e9f3;
}
.listItemNormal 
{
	padding: 1px; 
	color: #000000; 
	height: 20px; 
	background-color: #ffffff;
}

/* --- WSRP-specific --- */
.portlet-font 
{
	color: #000000;
}
.portlet-font-dim 
{
	color: #999999;
}
.portlet-section-header 
{
	font-weight: bold; 
	color: #336699; 
	background-color: #e7e7e7;
}
.portlet-table-header 
{
	font-weight: bold; 
	color: #336699; 
	background-color: #e7e7e7;
}
.portlet-section-body 
{
	color: #000000;
}
.portlet-table-body 
{
	color: #000000;
}
.portlet-section-alternate 
{
	color: #000000; 
	background-color: #f3f3f3;
}
.portlet-table-alternate 
{
	color: #000000; 
	background-color: #f3f3f3;
}
.portlet-section-selected 
{
	background-color: #336699;
}
.portlet-table-selected 
{
	background-color: #336699;
}
.portlet-section-subheader 
{
	background-color: #e7e7e7;
}
.portlet-table-subheader 
{
	background-color: #e7e7e7;
}
.portlet-section-footer 
{
	background-color: #e7e7e7;
}
.portlet-table-footer 
{
	background-color: #e7e7e7;
}
.portlet-section-text 
{
	color: #000000;
}
.portlet-table-text 
{
	color: #000000;
}
.portlet-form-label 
{
	font-weight: bold; 
	color: #336699;
}
.portlet-form-input-field 
{
	font-size: 9pt;
}
.portlet-form-button  
{
	border: #999999 1px solid;
	font-size: 128%; 
	cursor: pointer; 
	color: #000000; 
	background-color: #ffffff;
	height: 24px;
	width: 70px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	overflow-x: visible;
}
.portlet-form-button[type]
{
	width:auto;
	height:auto;
	min-height:24px;
}
.portlet-form-button:hover
{
	border: #999999 1px solid;
	background-color: #e3e9f3;
}
.portlet-icon-label 
{
	color: #000000;
}
.portlet-dlg-icon-label 
{
	color: #000000;
}
.portlet-form-field-label 
{
	font-weight: bold; 
	color: #336699;
}
.portlet-form-field 
{
	color: #000000;
}
.portlet-msg-status 
{
	color: #000000;
}
.portlet-msg-info 
{
	color: #336699;
}
.portlet-msg-error 
{
	color: #000000;
}
.portlet-msg-alert 
{
	color: #000000;
}
.portlet-msg-success 
{
	color: #000000;
}
.portlet-menu
{
	border: #336699 1px solid; 
	background-color: #ffffff;
}
.portlet-menu-item
{
	color: #000000;
	background-color:#ffffff;
}
.portlet-menu-item-selected
{
	color:#ffffff;
	background-color:#000000;
}
.portlet-menu-item-hover
{
	color: #000000;
	background-color: #e3e9f3;
}
.portlet-menu-item-hover-selected
{	
	color:#ffffff;
	background-color:#000000;
}
.portlet-menu-cascade-item
{
}
.portlet-menu-cascade-item-selected
{
}
.portlet-menu-description
{
}
.portlet-menu-caption
{
	color: #000000;
}
.cognos-form-footer
{
	border-top: solid 1px #cccccc;
	background: #e7e7e7; 
}
.cognos-form-footer-area
{
	padding-top: 5px;  
	padding-bottom: 2px;  
}
.cognos-form-footer-button-area
{
	padding-left: 5px;  
}
.cognos-tooltip 
{
	border-right: #9c9c9c 1px solid; 
	border-top: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-bottom: #9c9c9c 1px solid; 
	background-color: #ffffcc;
}
.cognos-select-blur
{
	color:#000000;
	background-color: #cccccc;
}
.cognos-path 
{
	color: #336699;
}
.cognos-help-link 
{
	
}
.cognos-anchor 
{
	color: #0000cc;
}
.cognos-section-background
{
	background-color: #e3e9f3;
}


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


/* --- Email body, links and attachments --- */
.emailItem
{
	background-color: #ffffff;
	border: #ffffff 2px solid;
	margin-top: 0px;
}
.emailItem_active
{
	background-color: #e3e9f3;
	padding: 0px;
	border: #191970 2px solid;
}
.emailItem_hover
{
	background-color: #e3e9f3;
	padding: 0px;
	border: #191970 2px solid;
}
.emailBodyTableRow 
{
	border: #99aacc 1px solid;
	padding: 2px; 
}
.emailLinksAttachmentTableRow 
{
	border-right: #99aacc 1px solid;
	border-left: #99aacc 1px solid;
	border-bottom: #99aacc 1px solid;
	padding: 2px;
}

/* --- Container --- */
.detailsContainerHeader
{
	float:left;
	background-color: #F3F3F3;
	padding-left: 2px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	height: 100%;
}

.detailsContainer
{
	margin-top:1px;
	border:1px solid #F3F3F3; 
	width: 100%;
	height: 100%;
}

.detailsContainerContent
{
	float:left;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	height: 100%;
}

.groupingBorder
{
	border: #99AACC 1px solid;
	padding: 2px; 
}

/* --- Styles for styling the RSS feed available from cc.xts --- */
	
.rss-header 
{
	border: #336699 1px solid; 
	height: 24px; 
	background-color: #99aacc;
}
.rss-header-title
{
	color: #ffffff;
	font-size: 70%;
	font-weight: bold;
}
.rss-title 
{
	color: #0000cc;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}
.rss-desc 
{
	color: #000000;
	font-size: 70%;
}
.rss-item-title 
{
	color: #0000cc;
	font-size: 70%;
	font-weight: bold;
	text-decoration: underline;
	padding-top:10px;
}	
.rssRightPanel 
{
	border: #ffffff 2px solid;
	padding: 5px; 
	background-color: #e3e9f3;
}
.rssLeftPanel 
{
	border: #ffffff 2px solid;
	padding: 5px;
	background-color: #99aacc;
}

/* error page fault section */
.errorPanel
{
	width: 100%;
	overflow: auto;
	border: 1px solid black;
	font-size: 10pt; 
	margin-right: 15px; 
	padding: 5px;
}

.mainSearchEdit 
{
	width : 145px;
	height: 19px;
	font-size: 70%;
}

.sectionBackground
{
	background-color: #e3e9f3;
}
.indexTreeCategorySelected
{
	color:#ffffff;
	background-color:#000000;
	font-size: 70%;
}
.indexTreeCategoryHover
{
	color: #000000;
	background-color: #e3e9f3;
	font-size: 70%;
}
.indexTreeCategoryHoverSelected
{	
	color:#ffffff;
	background-color:#000000;
	font-size: 70%;
}
.indexTreeCategoryBlur
{
	color:#000000;
	background-color: #cccccc;
	font-size: 70%;
}