/*
   Copyright (C) 2006 Cognos Incorporated. All rights reserved.
   Cognos (R) is a trademark of Cognos Incorporated.
*/

/* --- 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;
}
.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: #336699;	
	padding: 5%; 
}
/*	Welcome page when rendered in lite mode */
.welcomeBase
{
	background-color: #ffffff;	
}
.welcomeContentPanel
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;	
	padding:15px;
	background-image:url(../branding/welcome_back.gif);
}
.welcomeLogoContainer
{
	height: 21px;
	width: 126px;
	background-image:url(../branding/Cognos_product_label.gif);
	background-repeat: no-repeat;
}
.welcomeUserNameContainer
{
	padding-right:8px;	
	color: #000000;
	padding-bottom: 8px;
	font-weight: bold; 
	white-space:nowrap;
}
/* log On log Off container */
.welcomeAuthentication 
{
	font-size: 70%;
	padding-top: 10px; 
	float: left; 
	padding-bottom: 8px;
}
/*  home link */
.welcomeHome 
{
	font-size: 70%;
	padding-top: 10px; 
	text-align: right; 
	float:right;  
	padding-bottom: 8px;
}	
.welcomeLeftPanel
{
	background-color: #99aacc;
	height: 100%;
	margin-right:1px;
	text-align: center; 
	vertical-align:top;
}
.welcomeTitle 
{
	color: #ffffff; 
	text-align: left; 
	border-bottom: 3px solid #ffffff; 
	width:100%;
	white-space:nowrap;
	font-weight: bold; 
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 10px;
	font-size: 120%;	
}
.welcomeToolPanel 
{	
	height:100%;
	background-color: #e3e9f3;
	margin-left:1px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
/* Tool entries */
.welcomeToolContainer
{
	padding-bottom:12px;
}
.welcomeToolHeading
{
	font-size: 70%;
	font-weight: bold;	
	color: #000000;
	padding-bottom:3px;
}
.welcomeToolDescription
{
	font-size: 70%;
	color: #000000;
}
.welcomeHideShowContainer
{
	margin-top:10px;
}
.welcomeHideShowText
{
	padding-left:5px;
	font-size: 70%; 	
	color:#000000;
}
.welcomeQTContainer
{
	margin-top:15px;
	float:right;
	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;
}
.welcomeLegalNotice
{
	margin-top:20px;
	font-size: 70%;
	color: #999999;	
}
.welcomeLogoContainerSmall
{ 
	margin-top:20px;
	padding-bottom:3px;
}	
.welcomeSlogan 
{
	font-size: 50%; 	
	color:#000000;
	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;  
	font-weight: bold; 
	font-size: 80%;
	color: #ffffff; 
}
/* Page editor */
.pageEditorPortletColumn 
{
	border: #cccccc 1px solid; 
	color: #666699; 
	background-color: #ffffff;
}
.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;
}
/* html push button - used in some simple pop up dialogs */
.simpleCmdButton 
{
	padding: 1px; 
	border: #cccccc 1px solid; 
	font-size: 90%;
	cursor: pointer; 
	color: #000000;
	background-color: #ffffff;
}


/* --- 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: 45px;
	overflow: auto;
	word-wrap: break-word;
	border: #336699 1px solid;
	padding:5px;
	margin-right:5px;
}
.dialogHeaderLink
{
	padding-right: 10px; 
	font-size: 70%;
}
.dialogHeaderLinkcolor
{
	color: #ffffff;
}
/* Modal dialogs */
.body_dialog_modal,#pgr
{
	background-color: #e3e9f3;
}
.dialogButtonBarPopup /* pop up dialog button bar- view search path */
{
	height: 40px;
	background: #e7e7e7;
	border-right: #cccccc 1px solid; 
	border-top: #bec8dc 1px solid; 
	border-left: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid;
}
.dialogWindowPopup /* pop up dialog - view search path */
{
	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: #e3e9f3;
}
/* misc. dialog styles */
.dialogTreePane 
{
	border: #999999 1px solid; 
	padding: 5px;
	overflow: auto;  
	width: 300px;
	height: 380px
}
.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;
}


/* --- Main CC/CV views --- */
.mainHeader1 
{	
	border-top: #e7e7e7 1px solid;
	border-left: #e7e7e7 1px solid;
	border-bottom: #deac77 3px solid; 
	height: 25px;
	padding: 1px;
	background-color: #336699;
}
.mainHeader1Align
{
	vertical-align: middle;
}
.headerTitleSmall 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #000000;
}
.crnOptions 
{
	font-size: 70%; 
	color: #ffffff;
}
.crnOptionsImage 
{
	padding-left: 10px;
	padding-right: 3px;
}
.mainHeader2 
{
	border: #f3f3f3 2px solid;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 25px;
	background-color: #f3f3f3;
}
.headerTitleMiddle 
{
	background-color: #336699; 
	background-image: url(images/title_bar_grapic.gif);
	background-repeat: repeat-y;
	background-position: left top;
}		
.headerTitle 
{
	padding-left: 0px;
	font-weight: bold;
	font-size: 80%;
	color: #000000;
	background-color: #ffffff;
}
.logoImageContainer 
{
	padding-right: 5px; 
	padding-left: 3px;
	padding-top: 3px; 
	padding-bottom: 3px;
	background-color: #ffffff;
}
.mainHeader3 
{
	padding-top: 5px; 
	background-color: #f3f3f3;
}
.ccOptions 
{
	font-size: 70%; 
	color: #0000cc;
}
.singlePageName 
{
	font-weight: bold;
	font-size: 70%; 
	color: #336699;
}
.singlePageDisplayHeader 
{
	height: 22px;
}
.ccOptionsDivider 
{
	border-right: #999999 1px solid; 
	font-size: 0px; 
	width: 1px;
}
.ccToolsContainer 
{
	padding-left: 10px;
}
.ccHomeContainer 
{
	padding-left: 10px;
}
.ccReturnContainer 
{
	padding-left: 10px;
}
.ccSearchEditContainer 
{
	padding-left: 3px;
}
.ccSearchIconContainer 
{
	padding-left: 3px;
}
.ccHelpContainer 
{
	padding-left: 5px;
}
.ccOptionContainer 
{
	padding-left: 10px;
}
.ccDividerContainer 
{
	padding-left: 10px;
}
.authOptionContainer 
{
	padding-right: 3px; 
	padding-left: 2px;
}
.authOption 
{
	font-size: 70%; 
	color: #0000cc;
}
.userName 
{
	padding-right: 8px;
	padding-left: 2px; 
	font-weight: bold; 
	font-size: 70%; 
	color: #000000;
}
.ccToolsLabel 
{
	font-size: 70%; 
	color: #0000cc;
}
/* 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: 2px; 
	border: #cccccc 1px solid; 
	cursor: pointer;
	background-color: #ffffff;
}
.toolbarImageOver 
{
	padding: 2px; 
	border: #666699 1px solid; 
	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: 2px; 
	border: #cccccc 1px solid; 
	background-color: #ffffff;
}
.toolbarFlyoutNormal 
{ 
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	border: #cccccc 1px solid; 
	cursor: pointer;
	background-color: #ffffff;
}
.toolbarFlyoutOver
{	
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	border: #666699 1px solid; 
	cursor: pointer;	
	background-color: #e3e9f3;
}
.toolbarDivider 
{
	width: 1px; 
	background-color: #cccccc;
}
.toolbarImageDefaultCursor 
{
	cursor: default;
}


/* --- 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
{ 
	padding: 1px; 
	border: #999999 1px solid; 
	cursor: pointer;
	background-color: #ffffff;
}
.tabScrollButtonOver 
{
	padding: 1px;
	border: #999999 1px solid;
	cursor: pointer;
	background-color: #ffffff;
}
.tabScrollButtonDisabled 
{	
	padding: 1px; 
	border: #cccccc 1px solid;
	cursor: default;
	background-color: #ffffff;
}
.tabAnchor
{
	color: #0000cc;
}
.tabNormal 
{
	padding-right: 20px; 
	padding-left: 20px; 
	font-size: 70%;	
	color: #ff0000;	 
	text-align: center; 
	background-color: #ffffff;
	border-left: #e7e7e7 1px solid; 
	border-bottom: #999999 1px solid;
	border-top: #e7e7e7 1px solid; 
}
.tabSelected
{
	padding-right: 20px;	 
	padding-left: 20px; 
	font-weight: bold; 
	font-size: 70%;	 
	color: #336699; 
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-top: #999999 1px solid;
	text-align: center; 
	background-color: #ffffff;
}
.tabNormalAfterSelected
{
	padding-right: 20px; 
	padding-left: 20px; 
	font-size: 70%;	
	color: #ff0000;	 
	text-align: center; 
	background-color: #ffffff;
	border-bottom: #999999 1px solid;
	border-top: #e7e7e7 1px solid; 
}
.tabCap
{
	background-color: #e7e7e7;
	border-bottom: #999999 1px solid;	
	width: 1px;
}
.tabBase 
{
	border-bottom: #999999 1px solid; 
	padding-left: 1px; 
	height: 20px;
}
.tabTail 
{
	font-size: 1px; 
	border-left: #999999 1px solid; 
	height: 20px;
}


/* --- 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;
}
.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;
}


/* --- 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;
}


/* --- 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; 
	background-color: #ffffff;
}
.flyOutMenuButtonNormal 
{
	border: #f3f3f3 1px solid;  
	padding:1px;
}
.flyOutMenuButtonOver 
{
	border: #666699 1px solid; 
	padding:1px;
}
.menuItemOver 
{
	padding: 1px; 
	color: #000000; 
	height: 20px;
	background-color: #e3e9f3;
}
.menuItemNormal 
{
	padding-right: 100px; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	color: #000000; 
	padding-top: 1px; 
	height: 20px; 
	background-color: #ffffff;
}

/* --- 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-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: #00000;
	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 : 125;
	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%;
}