Global report styles

Use the styles included with the global report style sheet, GlobalReportStyles.css and GlobalReportStyles_10.css, to format your new HCL® Campaign, eMessage, and Interact Cognos reports.

Table 1. Global report styles

This three-columned table provides information about the items in one column, the CSS class name in the second column, and the style in the third column.

Item CSS class name Style
Page - Header ph

font-family: "Helvetica Neue", helvetica, arial, sans-serif;
Page - Footer pf
padding-top:10px; 
font-size:8pt;
font-weight:bold;
Table - List column title cell lt
text-align:left;	
border: 1px solid #d9dbdc;
background-color: #f7f7f7;
background-image: none !important;
font-weight:normal;
vertical-align: top;
padding: 10px 20px;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
color: #58595b;
font-size: 14px;
Table - List column body cell interior lci
border: none;
background-color: white !important;
text-align: right;
padding: 3px 5px;
vertical-align: middle;
Table - List column body cell lc
border-top:1px solid #ddd ;
border-bottom:1px solid #ddd ;
padding: 3px 5px;
text-align: left;
vertical-align: middle;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Table - List column body measure cell lm
vertical-align: top;
border:1px solid #ddd;
border-right: 0;
border-left: 0;
padding: 3px 5px;
text-align: right;
Crosstab - Totals first row tr
border-left: 2px solid black;
background-color: #bebebe !important;
font-weight: bold;
padding: 3px 5px;
Complex table total -new class added ctth
color: #5a5a5a;
background-color: #bebebe;
border-bottom:2px solid black;
padding: 3px 5px;
border-left: 2px solid #bebebe;
Table totals row ttr
color: #5A5A5A;
font-weight: bold;
background-color: #E0E0E0;
padding: 3px 5px;
Table totals row ctr
color: #000000;
font-weight: bold;
border-left:2px solid black;
background-color: white;
border-bottom:1px solid #a2a2a2;
Table totals header cth
color: #000000;
border-bottom:2px solid black;
border-left:1.5px solid white;
border-right:1.5px solid white;
font-weight: 100;
List - Inner header cell ih
border-top:1px solid #A0A0A0 ;
border-bottom:1px solid #A0A0A0;
padding: 3px 5px;
vertical-align: middle;
List - Outer header cell oh
font-weight: bold;
vertical-align: top;
border: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
padding: 3px 5px;
word-break:keep-all;
background-color: #fff;
Outer header cell with top border ohl
font-weight: bold;
vertical-align: top;
background-color: #ddd;
padding: 3px 5px;
word-break:keep-all;
border-top:2px solid black;  
border-left:1.5px solid #ddd;
border-right: 5pt solid #ddd;
border-style:solid;
border-bottom:none;
Crosstab xt
border: 1px solid #d9dbdc;
color: #6d6e70;
empty-cells: show;
font-size: 14px;
Crosstab - Member label cell ml
font-style: normal !important;
color: black;
font-weight: 300;
height: 30px;
border-left: none;
border-right: none;
border-bottom:1px solid #a2a2a2;
Crosstab - Member label cell cht
vertical-align: top;
background-color:transparent;
padding: 3px 5px;
text-align: left;
Crosstab - Member value cell mv
vertical-align: top;
white-space: nowrap;
border: 1px solid #a2a2a2;
padding: 3px 5px;
text-align: right;
border-left:none;
border-right:none;
vertical-align: top;
white-space: nowrap;
padding: 3px 5px;
text-align: right;
Field set fs
display: -moz-inline-block;
display: inline;
text-align: left;
font-size:8pt;
margin-bottom: 15px;
color : #5a5a5a;
Chart ch
border:1pt solid #E4E4E4;
Chart - Title ct
font-size:10pt;
font-weight:bold;
Chart - Axis labels al
font-size:10pt;
Chart - Axis title at
font-weight:bold;
text-align:center;
font-size:10pt;
color:#939393;
Chart - Chart Palette In XML Report Specification Before the closing chart tag (</combinationChart>) in the XML Report Specification, paste the following lines:
<chartPalette>
<chartColor value="#00a6a0"/>
<chartColor value="#734098"/>
<chartColor value="#7cc7ff"/>
<chartColor value="#a6266e"/>
<chartColor value="#d74108"/>
<chartColor value="#efc100"/>
<chartColor value="#aeb8b8"/>
<chartColor value="#4178be"/>
</chartPalette>
Hyperlink .hy
color: #037bbf;
font-size: 14px;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
Totals first Column tf
border-left: 2px solid black;
background-color: #bebebe !important;
font-weight: bold;
padding: 3px 5px;
Complex table total ctt
color: #000000;
background-color: #bebebe !important;
border-left:2px solid black;
border-bottom: 1px solid #a2a2a2;
padding-left: 5px 5px;
Complex table total row cttr
color: #000000;
background-color: #bebebe;
font-weight: bold;
border-bottom:1px solid #a2a2a2;
List ls
border: 1px solid #d9dbdc;
color: #6d6e70;
empty-cells: show;
margin-top: 10px;
font-size: 14px;
Hover selection class hoverSelection
background-color: transparent !important;
color: #6d6e70 !important;