/*	COLOURS
0067c6	corp blue
4691d5	dark blue
7fb3e2	mid blue
d9e8f7	light blue

38b060	dark green
009933	corp green
7fcc99	mid green
f2faf5	light green

000000	black
ffffff	white			
333333	white
666666	dark grey
999999	mid grey
cccccc	light grey
*/

/*	100% = 12pt Mac (72ppi) | 16pt PC (96ppi) | 20pt PC large font (120ppi) */
/*	1024x768 | fold: 580 */
/*	100% = 12pt Mac (72ppi) | 16pt PC (96ppi) | 20pt PC large font (120ppi) */
/*	1024x768 | fold: 580 */


/*	=============PAGE ELEMENT POSITIONING ============= */

.hskpcol1 {

width:38%;

border:1px solid #7fb3e2;

float:left;

margin-bottom:2px;

}



.hskpcol2 {

width:60%;

border:1px solid #7fb3e2;

float:right;

margin-bottom:2px;

}



.hskpcol1 img, .hskpcol2 img {

border:0px;

}

/* ============= Base settings ============= */

body {
font-family:arial,verdana,lucida,geneva,helvetica,sans-serif;
color:#333333;
background-color:#FFFFFF;
font-size:75%;
}



/*	============= Text Styles ============= */

h1 {

font-size:130%;

color:#ffffff;

background-color:#7fb3e2;

padding:5px;

}

h1 a{

text-decoration: none;
color:#ffffff;

background-color:#7fb3e2;

}

h1 a:hover, a:active {
color:#ffffff !important;
text-decoration:none !important;
background-color:#7fb3e2 !important;
}


h1, h2 {
margin:0px 0px 15px 0px;
border:0px;
clear:both;
}

h2 {
font-size:130%;
color:#333333;
}

h3 {
margin:10px 0px 15px 0px;
border:0px;
clear:both;
font-size:115%;
color:#666666;
font-weight:bold;
}

h4, h5, h6 {
padding:0px;
border:0px;
clear:both;
}

h4 {
font-size:100%;
color:#666666;
font-weight:bold;
padding:0px 5px;
}

h4 img {
border:0px;
}

h5 {
font-size:100%;
color:#666666;
padding:0px 5px;
font-weight:normal;
}

h6 {
font-size:100%;
color:#999999;
padding:0px 5px;
font-weight:normal;
}

/*Stops h2 text shrinking when users insert it in body placeholders*/
#phBodySection1 h2, #phBodySection2 h2, #phBodySection3 h2,  #phBodyLv1 h2, #phBodyLv2 h2, #phBodyLv3 h2, #phPageDescription h2 {
font-size:125%!important;
margin:0px 0px 15px -5px!important;
padding:0px!important;
}

p {
margin-bottom:15px;
color: #333333;
padding: 0px 5px 0px 5px;
}

/*MCMS tends to embed tags sometimes so this stops the text shirinking - used a lot throughout with different tags*/
p p {
font-size: 100%;
}

.reg {
font-size: 100%;
}

.indent10 {
margin-left:10px;
}

.indent5 {
margin-left:5px;
}

strong {
font-weight:bold;
font-style:normal;
}

.noPSpacing {
margin:0%;
}

.margin5 {
margin:5px;
}

/*========UK Home page menus========*/

.UKMenu {
font-size:90%;
list-style:disc url(/i/ng_black_disk.gif) outside;
}

.UKMenu p {
font-size:100% !important;
}

.UKMenu ul {
	margin:0px 5px 0px 0px;
}

/*========DocListDocDownload.ascx formatting============*/

.vertgap {
height:5px;
}

/*=============BITS FOR THE DEFAULT ERROR PAGE=============*/
h1.err {
color:#660000;
font-size:130%;
}

.errtxt {
font-size:100%!important;
}

/*==============Lists================*/

ul {
list-style-position: outside;
list-style-type: disc;
padding:0px;
margin:0px 5px 0px 5px;
}

ol {
padding:0px;
margin:0px 5px 0px 10px!important;
}

ol ol {
font-size:100%;
}

ul ul {
font-size:100%;
}

li {
margin-left:20px;
}

li p {
font-size:100%;
}

.g2content ul {
list-style:disc url(/i/ng_black_disc.gif) outside;
font-size:100%;
}

ol {
padding:0px;
margin:0px 5px;
}

#phFAQAnswer ol {
font-size:100%!important;
}

#phFAQAnswer ul {
font-size:100%!important;
}

ul.menu {
font-size:100%;
list-style:disc url(/i/ng_blue_disc.gif) outside;
margin-top:-5px;
}
/* ======= Default tables - header cell formatting in group.css etc =========== */

.generictable {
margin-bottom:10px;
}

.generictable table {
border-collapse:collapse;
}

.generictable td {
vertical-align:top;
border-right: #cccccc 1px solid;
border-top: 0px;
border-left: #cccccc 1px solid;
border-bottom: 0px;
background:url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
font-size:100% !important;
}

.generictable td p {
font-size:100% !important;
}

.generictable th {
vertical-align:top;
border-right: #cccccc 1px solid;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
}

.layoutTbl {
}

.layoutTbl td, .layoutTbl th {
border:0px !important;
background:#ffffff !important;
font-size:75%;
}

.layoutTbl input
{
	border:0px !important;
background:#ffffff !important;
}

.tblIndent {
padding-left:5px;
}

/*	table subsection header */
.tblSubSec th, .tblSubSec td {
font-weight:bold;
text-align:left;
border-bottom:1px solid #999999;
}

/* table row - non-highlighted - regular */
.tblRowReg th, .tblRowReg td {
background: url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
}

/* table row - non-highlighted - last row */
.tblRowRegLast th, .tblRowRegLast td {
border-bottom:1px solid #999999;
}

/* table row - highlighted - regular */
.tblRowHilite th, .tblRowHilite td {
color:#333333;
background-color:#f2faf5;
background:#f2faf5 url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
}

/* table row - highlighted - last row */
.tblRowHiliteLast th, .tblRowHiliteLast td {
color:#333333;
background-color:#f2faf5;
border-bottom:1px solid #999999;
}

/* table col - highlighted - last row */
.col1st {
border-left:1px solid #999999;
border-right:1px solid #999999;
}

/* table col - highlighted - last row */
.colReg {
border-right:1px solid #999999;
}

/*===========LINK STUFF===============*/

/*	links - in sentence (default links)  */

a:link, a:visited {
color:#0067c6;
text-decoration:none;
}

a:hover, a:active {
color:#999999 !important;
text-decoration:underline !important;
}

a.txtLnk {
text-decoration:underline !important;
}

a.navLink  {
padding:3px 0px 3px 11px;
text-indent:-10px;
font-size:75%;
text-decoration:underline !important;
}

a.navLinkCurrent {	
padding:3px 0px 3px 11px;
text-indent:-10px;
font-weight:bold;
font-size:100%;
color:#000000 !important;
}

/*---------Dotted divider lines---------*/

.divider {
background:url(/i/ng_divider_dotted_h169.gif) repeat-x top;
}

.dividerList {
background:url(/i/ng_divider_dotted_h169.gif) repeat-x top;
margin-top:2px;
margin-bottom:10px;
}

.dividerBottom {
background:url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
padding-bottom:2px;
font-size:95%;
}

.divider img {
margin:5px 5px 5px 1px;
}

.divider2 {
margin-left:0px;
background:url(/i/ng_divider_dotted_h169.gif) repeat-x top;
}

/*=============IMAGE STUFF=============*/

/*	image + caption aligning left or right */

.imgL, .imgR {
font-size: 100%;
width:25%;
color: #666666;
line-height: 125%;
}

.imgC {
font-size: 100%;
width:100%;
color: #666666;
line-height: 125%;
clear:both;
}

.imgL {
float:left;
margin:5px 25px 15px 5px;
}

.imgR {
float:right;
margin:5px 0px 15px 25px;
}

/*	quotes aligning left or right */

.quoteL td, .quoteR td {
font-size:100%;
line-height:140%;
color:#666666;
}

.quoteL, .quoteR {
background-color:#f2faf5;
width:25%;
padding:5px;
}

.quoteL {
float:left;
margin:0px 15px 15px 5px;
}

.quoteR {
float:right;
margin:0px 5px 15px 15px;
}

/*	=============Listings=============*/

ul.inpgLink, ul.inpgLinkP, ul.newsGroupName {
font-size:	100%;
list-style:disc url(/i/ng_blue_disc.gif) outside;
}

.newsGroupList {
font-size:100%!important;
list-style:disc url(/i/ng_1pix_disc.gif) outside;	
margin:0px 10px;
}

.newsGroupRowReg {
padding-top:5px;
margin-bottom:15px;
}

.newsGroupRowReg td {
background:url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
}

/*=============Console Style==============*/

.editmenuTitleBar {
font-family:arial,helvetica,sans-serif;
color:#ffffff;
font-size:100%;
font-weight:bold;
padding:2px 5px;
}

/* ========== Pods  ========== */
h1 img {

vertical-align:middle;

margin-right:2px;

}
.podTitle {

border:1px solid #7fb3e2;

padding:2px 2px 2px 28px;

margin:0px;

color:#0067c6;

font-size:100% !important;

background-color:#ffffff !important;

font-family:arial, helvetica, sans-serif;

}



.podTitleNoImg {

border:1px solid #7fb3e2;

padding:5px;

margin:0px;

color:#0067c6;

font-size:100% !important;

background-color:#ffffff !important;

font-family:arial, helvetica, sans-serif;

}



.podTitle img {

margin-left:-27px;

}
.podBoxed p, .podNoBox p , .podNoBoxBG p{
margin-top:0px;
}

.podNoBox {
border-top:0px;
padding:5px 5px 5px 5px;
margin:0px;
}

.podNoBox img {
margin-left:-20px;
}

.podTitleLight img, .podTitleDark img {
margin-left:-27px;
}

.podLinks  {
list-style:disc url(/i/ng_black_disc.gif) outside;
margin-left:-5px;
padding:0px;
font-size:100%;
}

/*No image in following class*/
.podTitleNowt {
padding:5px;
margin:0px;
color:#4691d5;
font-size:100% !important;
background-color:#ffffff !important;
font-family:arial, helvetica, sans-serif;
}

/*No image in following class*/
.LightPodHolder h1 {
border:1px solid #7fb3e2;
padding:2px 2px 2px 28px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#7fb3e2 !important;
font-family:arial, helvetica, sans-serif;
}

/*No image in following class*/
.DarkPodHolder h1 {
border:solid 1px #4691d5;
padding:2px 2px 2px 28px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#4691d5 !important;
font-family:arial, helvetica, sans-serif;
}
	
#colTwoRight h1.podTitle {
font-size:130%!important;
color:#ffffff!important;
background-color:#7fb3e2!important;
}

#colMid h1.podTitle {
font-size:130%!important;
color:#ffffff!important;
background-color:#7fb3e2!important;
}

/*============ Back to top box ============*/

.podTop {
color:#333333;
margin:0px !important;
float:right;
width:18%;
background:url(/i/ng_divider_dotted_h169.gif) repeat-x top;
}

.podTop ul {
padding:5px 0px 5px 0px;
}

.podTop img {
margin-right:10px;
}

.chartbar {
border:1px solid #666666;
margin:0px 5px;
white-space:nowrap;
}
/* APEX table alternating (hopefully)! */
/*-----Reports-----*/
/*Reports Defaults*/
th.t1header{empty-cells : show;border-collapse : collapse;font-size:13px;font-weight:bold;white-space:nowrap;color:#FFFFFF;background-color:#FF0000;padding:2px;padding-left:8px;padding-right:8px;}
th.t4header a{font-size:13px;color:#FFFFFF;}
td.t4data{padding:2px;padding-left:8px;padding-right:8px;empty-cells : show;border-collapse : collapse;}
td.t4dataalt{padding:2px;padding-left:8px;padding-right:8px;empty-cells : show;border-collapse : collapse;background-color:#fcfdff;}




/*	=========== FORM STYLES ============ */

/* form field labels */
label, .label {
color:#666666;
display:block;
float:left;
}


/* this makes the labels on radio groups (e.g. T&Cs look a *lot* better */
.radio_group label {
display:inline;
float:none;
}

.fHiLite {
color:#b70629;
}

textarea {
margin: 0px;
padding: 0px;
border: 1px solid #999999;
}

input {
margin: 0px;
padding: 1px;
border: 1px solid #999999 !important;
}

select {
margin: 0px;
padding: 0px;
border: 1px solid #999999;
}

.contentForm {
margin-left:5px;
}

/*=================	Main Nav in top right corner ============= */

.hskpnav {
/*background: url(/i/ng_divider_dotted_v13.gif) no-repeat right;
	padding:0px 4px 0px 4px;	/*changed to delay collapse problems*/
}

.hskpnav img {
margin-top:5px;
}

.hskpnavLast {
color:#333333;
}

.hskpnavLast img {
margin-top:5px;
}

#mailandprint {
}

#mailandprint img {
margin-right:10px;
vertical-align:middle!important;
}

/* ================ Left hand navigation ================ */

.tierLink {
margin: 0px 0px 0px -20px !important;
padding:0px;
}

.tierLink li {
background:url(/i/ng_divider_dotted_h169.gif) repeat-x top;
padding:3px 0px 3px 12px;
text-indent:-12px;
list-style:none;
}

.tierLink li li {
margin:3px 0px 3px -5px;
}

.tierLink li div {
margin-top:3px;
margin-bottom:-3px;
}

.tierLink li img {
margin-right:5px;
}

ul.tierLinkSub {
margin:0px !important;
padding:0px !important;
}

/* ================PAGE ELEMENT POSITIONING ============== */

.w180 {
width:100%;
margin:0px;
border:0px;
float:left;
}

.g2content {
width:100%;
border:0px;
float:left;
}

#rowHd {
margin-bottom:15px;
float:left;
width:100%;
clear:both;
}

#rowSiteNav {
width:100%;
clear:both;
height: 150px;
font-size: 250%;
text-align: right;
text-shadow: 3px 3px 10px black;
color:#FFFFFF; 
background: rgb(0, 103, 198)
url(/i/ng_meterread1.jpg) no-repeat scroll 0%; 
}
#rowSiteNav p{
color:#FFFFFF; 
}

#rowContent {
margin-top:15px;
margin-bottom:15px;
float:left;
width:100%;
clear:both;
}

#rowFooter {
height:30px;
margin-bottom:5px;
float:left;
width:100%;
}

#logo {
height:57px;
}

#logo img {
margin:5px
}

#navHousekeep {
height:57px;
text-align:right;
}

#headerImg {
font-family: georgia;
color:#ffffff;
font-size:138%;
height:115px;
}
	
#navGlobal {
height:150px;
clear:both;
padding:0px;
}

/*for landing page*/
#navGlobal1 {
height:120px;
margin-bottom:4px;
clear:both;
}

/*for landing page*/
#navGlobal2 {
height:150px;
text-align:right;
}

#navUKSub {
margin-top:1px;
margin-bottom:1px;
}

#navTier {
}

#pgContent {
float:left;
}

#navTool {
}

#navGoTop {
height:30px;
}

#copyright {
margin:5px;
}
	
#navFooter {
text-align:right;
margin:5px;
}

.access {
display:none;
}

.clear {
clear:both;
}

/*============layout IDs created to beef up containment of main content and regulate movement when collapsing============*/

#colLeft {
float:left;
width:18%;
margin-right:15px;
}

#colMid {
float:left;
width:60%;
position:relative;
}

#colRight {
float:right;
width:18%;
position:relative;
}

#colTwoLeft {
float:left;
width:78%;
position:relative;
}

#colTwoRight {
float:right;
width:78%;
position:relative;
}

#colSearch {
float:left;
width:75%;
margin-top:10px;
}

#left20 {
width:20%;
float:left;
}

#right80 {
width:80%;
float:left;
}

.col5-1,.col5-2,.col5-3,.col5-4 {
width:20%;
float:left;
position:static;
}

.col5-5 {
width:19.5%;
float:right;
position:static;
}

.col4-1,.col4-2,.col4-3 {
width:25%;
float:left;
}

.col4-4 {
width:24.5%;
float:right;
}

#phTxt1 ul,#phTxt2 ul,#phTxt3 ul,#phTxt4 ul,#phTxt5 ul,#phTxt6 ul,#phTxt7 ul,#phTxt8 ul {
list-style:disc url(/i/ng_black_disc.gif) outside;
padding:0px;
margin:0px 5px 0px 0px;
font-size:100%;
}

.marginright1px {
margin-right:1%;
}

/*===== FeatureLinksPage.aspx link placeholder formatting ========*/

phLinksLv1 li, phLinksLv2 li,phLinksLv3 li {
list-style:disc url(/i/ng_blue_disc.gif) outside;
}

/*======== removing borders and background from listings and quotes that are applied to standard tables ========*/

.borderon {
border:#cccccc 1px solid !important;
}

.tableborderoff td, .tableborderoff th {
border:0px !important;
}

.tableBackgroundOff td, .tableBackgroundOff th, .tableBackgroundOff input {
background-image:none !important;
}

.quoteL td, .quoteR td, .quoteL th, .quoteR th {
border:0px !important;
background-image:none !important;
}

.formfix td, .formfix th {
background-image:none !important;
border:0px !important;
}

.button {
border: #7fb3e2 1px solid; 
padding:3px;
text-align:left;
display:inline-block;
}

.button input {
margin: 0px;
padding: 1px;
}

.button img {
border:0px;
margin-right:3px;
}

/* ======= Images in pages description ID ========= */
#phPageDescription img {
}


/*========= Sitemap Stuff =========*/

#sitemap {
width:100%;
float:left;
}

.sitemapleft {
width:48%;
float:left;
margin-bottom:5px;
}
	
.sitemapright {
width:50%;
float:right;
margin-bottom:5px;
}

.sitemapchannel {
font-weight:bold;
background-color:#7FA8CD;
color:#ffffff;
padding:5px;
}

/*==========Site List============*/

.tblLayout {
font-size:100%;
}

/*=======Fix for no p tag========*/

#phBodySection1, #phBodySection2, #phBodySection3, #phBodyLv1, #phBodyLv2, #phBodyLv3, #phPageDescription {
color: #333333;
margin-bottom:15px !important;
display:block;
padding-left:5px;
padding-right:5px;
}

#phBodySection1 p, #phBodySection2 p, #phBodySection3 p,  #phBodyLv1 p, #phBodyLv2 p, #phBodyLv3 p, #phPageDescription p {
font-size:100%!important;
}

p #phPageDescription {
font-size:100%!important;
}

#phBodySection1 table, #phBodySection2 table, #phBodySection3 table,  #phBodyLv1 table, #phBodyLv2 table, #phBodyLv3 table, #phPageDescription table {
font-size:100%;
}

.active {
color:#000000 !important;
}

/*========Home========*/

#col1 {
width:39%;
float:left;
}

#col2 {
width:60%;
float:right;
}

.homePod1 {
width:23%;
float:left;
margin-right:3px;
}

.homePod1r {
width:23%;
float:right;
}

.homePod2 {
width:50%;
float:left;
}

.homePod2r {
width:49%;
float:right;
}

#landContent {
float:left;
width:90%;
margin-bottom:10px;	
}

#UKSubNav {
margin-top:5px;
margin-bottom:-5px;
}

#UKSubNav img {
margin-right:5px;
vertical-align:middle;
}

.ml5px {
	margin-left:5px!important;
}

.small {
font-size:80%;
}

/*========Search========*/
.searchhead {
width:100%;
clear:both;
}

.searchdetail {
	float:left;
	font-size:90%;
	margin-left:10px;
}

h1.searchbanner {
font-size:120%!important;
color:#ffffff!important;
background-color:#7fb3e2!important;
font-weight:bold;
}

.searchbanner2 {
color:#ffffff!important;
background-color:#7fb3e2!important;
padding:5px!important;
}

.searchreg {
}

.title a {
	color:#0067c6!important;
}

.searchbutton {
border: #7fb3e2 1px solid; 
padding:3px;
text-align:left;
display:inline-block;
background-color:#d9e8f7!important;
font-weight:normal!important;
}

.searchbutton a {
color:#000000!important;
}

.searchbutton a:hover {
text-decoration:none!important;
}


.searchbutton:hover  {
background-color:#ffffff!important;
}

.searchdivider {
	clear:both;
	background:url(/i/ng_divider_dotted_h169.gif) repeat-x bottom;
	height:5px;
	margin-bottom:5px;
}

.searchtitle {
float:left;
}
.searchtitle a {
color:#0067c6!important;
}

.highlight {
	font-weight:bold;
}

.uri {
	color:#009933;
}

.searchdate {
	color:#666666;
}

.searchicon {
width:20px;
float:left;
}

.searchbytes {
	color:#666666;	
}

/*========Alert radio button fix========*/
#alertList table.layoutTbl table td {
	width:200px;
}

/*========Real Time Data left hand margin fix========*/

#ops p {
margin-left:-15px!important;
}

/*========blank class used in if else statements to avoid HTML validation errors========*/

.empty {
}

.editmenuTitleBar {
	cursor:move;
}

/*========Non-table DocListDocDownload code========*/

.listentryholder {
clear:both;
width:100%;
padding-left:5px!important;
padding-bottom:5px!important;
float:left;
}

.DocDate {
width:20%;
float:left;
}

.DescSmall {
width:40%;
float:left;
}

.DescBig {
width:60%;
float:left;
}

.DocBitsHolder {
width:38%;
float:left;
}

.DocLink {
float:left;
width:60%;
}

.DocSize {
width:38%;
float:right;
}

ul.listLink {
font-size:100%;
list-style:disc url(/i/ng_blue_disc.gif) outside;
}

/*========Non-table DocListHome code========*/

#HomeList{
margin-top:5px;
}

.left25 {
float:left;
width:25%;
}

.right73 {
float:right;
width:73%;
}

/*========Non-table DocListGroupLevel1 code========*/

#Group1List {
width:100%;	
}

/*========Non-table contact us code========*/

.contactleft {
float:left;
margin-right:20px;
width:40%;
}


.contactright {
float:left;
}

/*===for breadcrumb highlighting=====*/
.current {

font-weight:bold;

color:#000000 !important;

}
