/* Text styles, which can be applied to text where appropriate */
/* =========================================================== */
/* styles.css - External Version 20100319 */

/* IMPORTANT: Remember that style, including colour, should never be the sole means to communicate information. */
/*            This is because of Accessibility.  The information portrayed by colour should either (a) only     */
/*            help visualise what you can tell from the data anyway (eg. whether it is a positive or negative   */
/*            value) or (b) should be portrayed in textual form some other way, eg. using a description in a    */
/*            block of text within an 'accessibilityText' class.                                                */

.utlitiesTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.mainContentTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0px;
	padding: 0px;
}


.mainContentTxtColour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h2,
.mainContentTable th,
.mainContent table th,
#mainContent table th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

.impulseTxtGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin: 0px;
	padding: 0px 0px 5px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #335522;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 0px;
}

.footerBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.footerGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #335522;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.introTitle {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 4px 2px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* Main Content Text - either styled with "mainContentTxtInfo" or inside a main content table cell or a label as part of a .NET checkbox */
.mainContentTxtInfo,
.mainContentTable td,
.mainContent table td,
#mainContent table td,
.formInputCheckBox label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0px 0px 14px;
	padding: 0px 0px 0px 2px;
}
/* If the "mainContentTxtInfo" style has been explicitly specified within a table cell, allow for */
/* this by stopping the font size "double shrinking", ie. make it 1.0 of 0.7 instead of 0.7 of    */
/* 0.7 font size                                                                                  */
.mainContentTable td .mainContentTxtInfo,
.mainContent table td .mainContentTxtInfo,
#mainContent table td .mainContentTxtInfo,
.mainContentTable td .formInputCheckBox label,
.mainContent table td .formInputCheckBox label,
#mainContent table td .formInputCheckBox label {
	font-size: 1em;
	padding: 0px 0px 0px 0px;
}

h4 a {
	text-decoration: none;
	color: #335522;
}


.introSubHeader {
	color: #000000;
	margin: 0px;
	padding: 8px 0px 0px 2px;
	background-color: #f0f0f0;
}

h4 a:hover {
	text-decoration: underline;
	color: #335522;
}

.impulseTxtGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #335522;
	margin: 0px;
	padding: 0px 5px 5px 0px;
	width: 120px;
}

.impulseTxtGreen a {
	color: #335522;
	text-decoration: none;
}

.impulseTxtGreen a:hover {
	color: #335522;
	text-decoration: underline;
}

.chooserTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* font-size: 0.7em; */
	color: #000;
	margin: 0px;
	padding: 0px;
}

.chooserTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* font-size: 0.7em; */
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.chooserTitle a,
a.chooserTitle {
	color: #000000;
	text-decoration: none;
}
.chooserTitle a:hover,
a.chooserTitle:hover {
	color: #000000;
	text-decoration: underline;
}

.mainContentTxt a,
a.mainContentTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #fffff;
	margin: 0px;
	padding: 0px;
}

.mainContentTxt a:hover,
a.mainContentTxt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.mainContentTxtInfo a,
a.mainContentTxtInfo,
.mainContentTable th a,
.mainContentTable td a,
.mainContent table th a,
.mainContent table td a,
#mainContent table th a,
#mainContent table td a,
.mainContent ul li a,
.mainContent ol li a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #992233;
}

.mainContentTxtInfo a:hover,
a.mainContentTxtInfo:hover,
.mainContentTable th a:hover,
.mainContentTable td a:hover,
.mainContent table th a:hover,
.mainContent table td a:hover,
#mainContent table th a:hover,
#mainContent table td a:hover,
.mainContent ul li a:hover,
.mainContent ol li a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #000000;
}

.accessibilityText {
	text-indent: -9999px;
	width: 1px;
	height: 1px;
	display: block;
	position: absolute;
}

.green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-weight: bold;
	color: #335522;
	margin: 0px;
	padding: 0px;
}

h1 a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

h1 a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.green a,
a.green {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #335522;
}

.green a:hover,
a.green:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.introSubHeaderHp {
	color: #000000;
	margin: 0px;
	padding: 8px 0px 0px 1px;
	background-color: #dcdcdc;
}

.darkGrey {
	color: #464646;
}

.txtColour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.hpCentreTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0px 0px 14px;
	padding: 0px;
}

.greenHp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-weight: bold;
	color: #335522;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.greenHp a,
a.greenHp {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #335522;
}


.greenHp a:hover,
a.greenHp:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.txtColour a,
a.txtColour {
	color: #992233;
	text-decoration: none;
}

.txtColour a:hover,
a.txtColour:hover {
	color: #000000;
	text-decoration: underline;
}
h2.txtColour a:hover,
h2 a.txtColour:hover {
	text-decoration: none;
}
.hpCentralTdTxt .txtColour a:hover,
.hpCentralTdTxt a.txtColour:hover {
	text-decoration: none;
}
.txtBold {
	font-weight: bold;
}

.impulseTxtGreyKey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin: 0px;
	padding: 0px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.impulseTxtGreyKeyLast {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin: 0px;
	padding: 0px 0px 5px;
}
.impulseTxtGreyKeyLastBg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin: 0px;
	padding: 0px 0px 5px;
	background-color: #F0F0F0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2.green,
h3.green {
	font-size: 0.7em;
}

.greenKey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #335522;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.greenKey a,
a.greenKey {
	text-decoration: none;
	color: #335522;
}
.greenKey a:hover,
a.greenKey:hover {
	text-decoration: underline;
	color: #335522;
}
h1.greenKey {
	font-size: 0.78em;
}

/* Speciality styles - only for use: */
/*  (a) within applications when colour-coding in conjunction with a colour key-bar, */
/*   or */
/*  (b) with sites only with prior consent from the Brand Communications team */
/* The only exception is that the txtRed style may be used in more cases, such as for validation messages */
.txtRed {
	color: #ff0000;
}
.txtRed a,
a.txtRed {
	color: #ff0000;
	text-decoration: none;
}
.txtRed a:hover,
a.txtRed:hover {
	color: #ff0000;
	text-decoration: underline;
}

.txtAmber {
   color: #ffbf00;
}
.txtAmber a,
a.txtAmber {
   color: #ffbf00;
   text-decoration: none;
}
.txtAmber a:hover,
a.txtAmber:hover {
   color: #ffbf00;
   text-decoration: underline;
}

.txtAqua {
   color: #009999;
}
.txtAqua a,
a.txtAqua {
   color: #009999;
   text-decoration: none;
}
.txtAqua a:hover,
a.txtAqua:hover {
   color: #009999;
   text-decoration: underline;
}

.txtGreen {
   color: #00ff00;
}
.txtGreen a,
a.txtGreen {
   color: #00ff00;
   text-decoration: none;
}
.txtGreen a:hover,
a.txtGreen:hover {
   color: #00ff00;
   text-decoration: underline;
}

.txtPurple {
   color: #dd00ff;
}
.txtPurple a,
a.txtPurple {
   color: #dd00ff;
   text-decoration: none;
}
.txtPurple a:hover,
a.txtPurple:hover {
   color: #dd00ff;
   text-decoration: underline;
}

.txtBlue {
   color: #0000ff;
}
.txtBlue a,
a.txtBlue {
   color: #0000ff;
   text-decoration: none;
}
.txtBlue a:hover,
a.txtBlue:hover {
   color: #0000ff;
   text-decoration: underline;
}

.txtBrown {
   color: #804000;
}
.txtBrown a,
a.txtBrown {
   color: #804000;
   text-decoration: none;
}
.txtBrown a:hover,
a.txtBrown:hover {
   color: #804000;
   text-decoration: underline;
}

.txtViolet {
   color: #8b00ff;
}
.txtViolet a,
a.txtViolet {
   color: #8b00ff;
   text-decoration: none;
}
.txtViolet a:hover,
a.txtViolet:hover {
   color: #8b00ff;
   text-decoration: underline;
}

/* Disabled anchorlink */
a.disabled {
	color: #505050;
	text-decoration: none;
}
a.disabled:hover {
	text-decoration: none;
}
a.disabled.highlight {
	color: #000 !important;
	text-decoration: none !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
}

/* Text highlighted as being "valid" */
.validHighlight
{
	background-color: #66ff33;
}

/* Text highlighted as being "invalid" */
.invalidHighlight
{
	background-color: #ff753f;
}

/* Text with reduced emphasis (opposite of highlighting) */
.lowlight {
	color: #808080 !important;
	font-style: italic;
}

/* Style to force text not to shrink*/
.forceNoShrink
{
		font-size: 1em !important;
}

/* Style to force text not to shrink within a table*/
.forceNoShrink td, .forceNoShrink th{
		font-size: 1em !important;
}





/* Generic Data-Grid colour-coding - for colouring all data cells in the entire Data Grid or a row of it (deliberately doesn't affect th tags) */
/* Shading is automatically adjusted for alternating rows in a Data-Grid/Grid-View */
.dgBgAmber td {
	background-color: #ffbf00;
}
.dgTable .dgItem.dgBgAmber td,
.dgBgAmber .dgItem td {
	background-color: #f0bf00;
}

.dgBgGreen td {
	background-color: #00ff00;
}
.dgTable .dgItem.dgBgGreen td,
.dgBgGreen .dgItem td {
	background-color: #00f000;
}

.dgBgRed td {
	background-color: #ff0000;
}
.dgTable .dgItem.dgBgRed td,
.dgBgRed .dgItem td {
	background-color: #f00000;
}

.dgBgAqua td {
	background-color: #009999;
}
.dgTable .dgItem.dgBgAqua td,
.dgBgAqua .dgItem td {
	background-color: #009090;
}

/* Table cell justification options - right or centre justify, only when appropriate to use, */
/* eg. right-justify for currency or centre-justify if column header spans many columns.     */
.tdRightJustify {
   text-align: right;
}
.tdCentreJustify {
   text-align: center !important;
}

/* Table cell colour-coding (Accessibility: ensure information is not conveyed by colour alone) */
/* Shading is automatically adjusted for alternating rows in a Data-Grid/Grid-View */
td.tdBgAmber,
th.tdBgAmber {
	background-color: #ffbf00;
}
.dgItem td.tdBgAmber {
	background-color: #f0bf00;
}

td.tdBgGreen,
th.tdBgGreen {
	background-color: #00ff00;
}
.dgItem td.tdBgGreen {
	background-color: #00f000;
}

td.tdBgRed,
th.tdBgRed {
	background-color: #ff0000;
}
.dgItem td.tdBgRed {
	background-color: #f00000;
}

td.tdBgAqua,
th.tdBgAqua {
	background-color: #009999;
}
.dgItem td.tdBgAqua {
	background-color: #009090;
}

/* Key bars - a line with coloured boxes and explanations to give a "key" to site visitors on the */
/* meaning you intended to place against any use of the colours defined in the styles above.      */
/* The key would typically sit above wherever the colours are used, but if the data is long then  */
/* the key could appear below the data as well.                                                   */
/* It is important to consider Accessibility - ensure any information communicated using colour   */
/* is also communicated in plain text for those without sight/limited sight/colour-blindness.     */
/* You would typically do this by putting an explanation both in the key bar and in the cells     */
/* that are coloured, using the 'accessibilityText' style above.                                  */
keyBar {
  background-color: #ffffff;
}
/* The following is used to ensure no content after the key bar can 'float' into the bar area.  The essential part of this is 'clear: both;' */
.keyBarBottom {
    content: "."; 
    display: block; 
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
/* Group for left-aligned keys */
.leftAlignKeys {
  float: left;
}
/* Group for right-aligned keys */
.rightAlignKeys {
  float: right;
}
/* Key Intro - This typically styles the text "Key:", "Colour Guide:" or similar to introduce the keys */
/* This resides at the beginning of a "leftAlignKeys" or "rightAlignKeys" group prior to the keys it relates to */
.keyIntro {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
}
/* Key Item - groups a colour and description pair */
.keyItem {
  white-space: nowrap;
  margin-right: 5px;
  display: inline;
}
/* "img" tag to represent the colour inside a "key item" */
.keyItem img {
  border: 0px none;
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
/* Key Text - The descriptive text against a key */
.keyItem .keyText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}


/* Personal Home Page Styles : START */
/* ================================= */

.ppChooserTxt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.ppChooserTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* Personal Home Page Styles : END */
/* =============================== */