/* ============= Base settings ============= 
light blue #98BAE2
dark blue #0168B1
grey #BFC0C2
*/

body {
	font-family:arial,helvetica,sans-serif;
	color:#333333;
	width:720px;
}

/*	=============CONTENT COPY STYLES ============= */

/*	Logical headers used for content headers but not table labels, 
	control line spacing to fit desgin */
h2, h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	border:0px;
	clear:both;
	color: #0E409A;
}

h4, h5{
	/*margin:0px 0px 0px 0px;*/
	padding:0px;
	border:0px;
	clear:both;
	color: #0E409A;
}

h6 {
font-size:110%;
color:#ffffff;
background-color:#BD7565;
font-weight:normal;
border: 2px #BD7565 solid;
padding:3px;
}

h1 {
font-size:100%;
color:#ffffff;
background-color:#0e409a;
font-weight:normal;
border: 2px #0E409A solid;
padding:3px;
}

h1a {
font-size:100%;
color:#ffffff;
background-color:#0e409a;
font-weight:normal;
padding:3px;
}

h1.podTitle {
color:#68142E;
font-size:85%;
font-weight:bold;
}

.podTitle img {
	vertical-align: middle;
}

/*	headline */
h2 {
	font-size:100%;
	color: #0E409A;
}

/*	subheading */
h3 {
	font-size:90%;
	color: #0E409A;
	font-weight:bold;
}

h4 {
font-size:80%;
color:#666666;
font-weight:bold;
}

h4 img {
	border:0px;
}

h5 {
font-size:75%;
color: #0E409A;
font-weight:bold;
padding:0px 5px;
}


/*	======== body text ======== */
p {
	font-size: 69%;
	margin-bottom: 10px;
	color: #0E409A;
}

.reg {
font-size:69%;
}

.indent10 {
	margin-left:10px;
}

.indent5 {
	margin-left:5px;
}

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

.noPSpacing {
	margin:0%;
}

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

.vertgap {
	height:5px;
}

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

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

/*==============LIST STUFF================*/

ul {
font-size:69%;
colour: #0E409A;
padding:0px;
margin:0px 5px;
}

ul ul {
	font-size:100%;
}

ul.nicelist  {
list-style:  url(../images/bullet1.gif) outside;
color: #0E409A;
}

li {
margin-left:20px;
}

.g2content ul li {
list-style:disc url(../img/arrow/black.gif) outside;
}

ol {
font-size:69%;
padding:0px;
margin:0px 15px;
}

/*===========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; /* added for colourblind folk*/
}

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

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

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

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

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

/*	image + caption aligning left or right */

.imgL, .imgR {
	font-size: 69%;
	width: 200px;
	color: #666666;
	line-height: 125%;
}

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

/*	=============links - in page (in listings) =============*/

ul.inpgLink, ul.inpgLinkP, ul.newsGroupName {
/*	font-size:69%;*/
	list-style:disc url(../img/arrow/blue.gif) outside;
	/*margin-left:10px;*/
	/*padding-left:10px;*/
}

.newsGroupList {
	font-size:69%;
	list-style:disc url(../img/1pix.gif) outside;	
	margin:0px 10px;
}

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

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

/* ========== PODS COMMON FEATURES  ========== */

.podTitle {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#cccccc;
font-size:100% !important;
background-color:#cccccc; !important;
font-family:arial, helvetica, sans-serif;
}


.podTitleIM {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#OA489D;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitleG2 {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#OA489D;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_SA {
border:1px solid #B31B34;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#B31B34; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_XM {
border:1px solid #FF0000;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#FF0000; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}


.podTitle_II {
border:1px solid #668E3C;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#668E3C; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_clc {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#9B6E5F;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_Closed {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#00C2E3; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_gem {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#98BAE2;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_cs {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#BD7565;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_cc {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#E44F3C; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_ic {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#FF9A00; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_app {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#00C2E3; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}


.podTitle_csr {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#55BE47; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_pub {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#B06876; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_con {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#A4D867; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_conq {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#EC9384; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_nb {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#E5BFC7; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle_ukl {
border:1px solid #cccccc;
padding:2px 2px 2px 5px;
margin:0px;
color:#ffffff;
font-size:100% !important;
background-color:#00A994; !important;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
}

.podTitle img {
margin-left:-27px;
}

.podBoxed {
	border:1px solid #cccccc;
	border-top:0px;
	padding:10px 5px 5px 5px;
	margin:0px;
}

.podBoxed1 {
	border:1px solid #cccccc;
	border-top:0px;
	background-color:#ffffff;
	padding:1px 5px 5px 5px;
	margin:0px;
}


.podBoxed2 {
	border:1px solid #cccccc;
	border-top:0px;
	background-color:#FFF5DB;
	padding:1px 5px 5px 5px;
	margin:0px;
}


.podBoxedIM {
	border:1px solid #cccccc;
	border-top:0px;
	background-color:#ffffff;
	padding:1px 5px 5px 5px;
	margin:0px;
}

.podNoBoxBG {
	background-color:#d9e8f7;
	margin-bottom:15px;
}



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

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

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

.podLinks  {
list-style:disc url(images/up.gif) outside;

margin-left:-10px;
padding:0px;
text-align:right;
}

.podLinks ul {
list-style:disc url(images/up.gif) outside;}

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

.podTop {
	color:#333333;
	margin:0px !important;
	float:right;
	width:18%;
}

.podTop ul {
		padding:5px 0px 5px 0px;
list-style:  url(../images/up.gif) square;
}

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

.chartbar {
	border:1px solid #666666;
	margin:0px 5px;
	white-space:nowrap;
}

/*================	TABLE STYLES ============== */
/*	NOTE: borders are controlled using class on <tr> and <td> 
	to keep code accessible & optimised (avoid having to use divider cells and		padding cells) */

/* ======= Default tables - header cell formatting in group.css etc =========== */

.g2content table {
	border-collapse:collapse;
}

.g2content td {
	vertical-align:top;
	border: #cccccc 1px solid;
/**	
lw removed to make bar charts work
background:url(../img/divider_dotted_h169.gif) repeat-x bottom; **/
}

.g2content td p {
		font-size:100% !important;
		/* forces paras font not to shrink again when inside a table cell */
}

.g2content 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 {
	font-size:69%;
}

.layoutTbl td, .layoutTbl th, .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;
	font-size:69%;
}

/* table row - non-highlighted - regular */
.tblRowReg th, .tblRowReg td {
	background:   url(../img/divider_dotted_h169.gif) repeat-x bottom;
	font-size:69%;
}

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

/* table row - highlighted - regular */
.tblRowHilite th, .tblRowHilite td {
	color:#333333;
	background-color:#f2faf5;
	background:#f2faf5 url(../img/divider_dotted_h169.gif) repeat-x bottom;
	font-size:69%;
}

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

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

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

/* form field labels */
label, .label {
	/*font-size:69%;*/
	color:#666666;
	display:block;
	float:left;
	/*width:100px;*/
}

/* form highlighted p - use <b> */
.fHiLite {	/*  */
	color:#b70629;
}

textarea {
	font-size:100%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#EEEEEE;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-Color:#999999;
}

input {
	font-size:100%;
	margin: 0px;
	padding: 1px;
	border: 1px solid #999999 !important;
}

select {
	font-size:100%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
}

.contentForm {
	margin-left:5px;
}

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

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

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

.hskpnavLast {
	/*padding:0px 0px 0px 4px;	/*changed to delay collapse problems*/
	color:333333;
}

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

.mailandprint {
	padding:5px 0px 5px 5px;
	font-size:69%;
	font-weight:bold;
}

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

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

.tierLink {
	font-size:69%;
	margin: 0px 0px 0px -20px !important;
	padding:0px;
}

.tierLink li {
	background:  url(../img/divider_dotted_h169.gif) repeat-x top;
	padding:3px 0px 3px 11px;
	text-indent:-10px;
	list-style:none;
}

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

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

ul.tierLinkSub {
font-size:100%;
margin:0px !important;
padding:0px !important;
}

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

.w180 {
	width:100%;/*percentages used for scaling this element is held in a layout div to contain its width*/
	margin:0px;
	border:0px;
	float:left;
}

.g2content {
	width:800px;/* percentage based for collapsing*/
	margin-left:0.2%;
	padding:0.5%;
	border:0px;
	float:left;
}

.hskpcol1 {
	width:50px;/*percentages used for scaling*/
	margin-left:0.2%;
	border:1px solid #BFC0C2;
	background-colour:#EFF5FB;
	float:left;
}

.hskpcol2 {
	width:148px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	float:right;/*aligns with right margin when collapsing*/
}

.hskpcol3 {
	width:775px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	float:right;
}

.hskpcol4 {
	width:248px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	float:right;/*aligns with right margin when collapsing*/
}

.hskpcol5 {
	width:432px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	background-colour:#EFF5FB;
	float:right;/*aligns with right margin when collapsing*/
}

.hskpcol6 {
	width:385px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	float:right;/*aligns with right margin when collapsing*/
}

.hskpcol7 {
	width:385px;/*percentages used for scaling*/
	margin:0px;
	border:1px solid #BFC0C2;
	float:left;/*aligns with right margin when collapsing*/
}

.hskpcol1 img, .hskpcol2 img, .hskpc015 img {
	border:0px;
}

#rowHd {
	/*height:55px;*/
	margin-bottom:1px;
	float:left;
	width:800px;
}

#rowContent {
	margin-top:15px;
	margin-bottom:15px;
	float:left;
	width:800px;
}

#rowFooter {
	height:30px;
	margin-bottom:15px;
	float:left;
	width:800px;
}

#logo {
/*altered to match heights across header section*/
	height:45px;
	text-align:left;
	background-color:#EFF5FB;
	padding:1.5%;/*percent helped collapsing*/
	font-size:69%;
}

#image {
/*altered to match heights across header section*/
	height:44px;
	background-color:#EFF5FB;
	padding:0.5%;/*percent helped collapsing*/
}

#navHousekeep {
/*altered to match heights across header section*/
	height:45px;
	text-align:right;
	padding:1%;/*percent helped collapsing*/
	font-size:69%;
}

#information {
/*altered to match heights across header section*/
	height:23px;
	text-align:right;
	background-color:#EFF5FB;
	padding:1%;/*percent helped collapsing*/
	font-size:94%;
}
	
#navGlobal {
height:74px !important;
clear:both;
background-color:#0168B1;
background:  url(images/bg.gif) repeat;
}

.navTable {
padding-top:20px;
padding-bottom:20px;
}

#rowSiteNav {
}

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

#navTier ul {
	list-style-type: none;
}

#pgContent {
	float:left;
	border:#cccccc 1px solid !important;
}

#navTool {
}

#navGoTop {
	height:30px;
}

#copyright {
	font-size:69%;
	padding:1%;/*percent helped collapsing*/
}
	
#navFooter {
	font-size:69%;
	text-align:right;
	padding:1%;/*percent helped collapsing*/

}

.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;
	left: 0;
	top: 0;
	height: 434px;



}

#colRight {
	float:right;
	width:18%;
	position:relative;
	left: 0px;
	top: 0px;


}




#colTwoLeft {
	float:left;
	width:624px;
	position:relative;
}

#colTwoRight {
	float:right;
	width:80%;
	position:relative;
	

}

#divSiteList {
position:absolute;
margin-top:25px;
margin-left:-150px;
background-color:#d9e8f7;
width:150px;
padding:2px;
border: thin ridge #7fb3e2;
}

.button {
	border: 1px solid #7fb3e2;
	padding:2px 5px 2px 5px;
	width:1%;
}

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

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

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

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

.borderon {
	border:#cccccc 1px solid !important;/*created to fix borders on individual elements*/
}

.tableborderoff td, .tableborderoff th /*, .tableborderoff input*/ {
	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;
	font-size:69%;
}

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

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

/*Menu Button Code*/
.navGitem {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	height:34px;
	opacity: .9;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	-khtml-opacity: .9;
	filter: alpha(opacity=90);
	/*dave - added following for collapsing and text */
	font-weight:bold;
	text-align: center;
	font-size:85%;
	letter-spacing: -0.05em;
	line-height:34px;
}

.navGitemCurrent {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	height:34px;
	/*opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;*/
	/*dave - added following for collapsing and text */
	font-weight:bold;
	font-size:85%;
	text-align:center;
	line-height:34px;
	letter-spacing: -0.05em;
}

.navGitemCurrent a {
	color:#ffffff !important;
	text-decoration:none !important;
}

.navGitemCurrent a:hover {
	color:#000000 !important;
	text-decoration:none !important;
}

.navGitemCurrent a:visited {
	color:#fffffff !important;
	text-decoration:none !important;
}

.navGitem a:active {
	text-decoration:none !important;
	color:#000000 !important;
}

.navGitemCurrent a:active {
	text-decoration:none !important;
	color:#ffffff !important;
}

.navGitem a:hover {
	color:#000000 !important;
	text-decoration:none !important;
}

.navCell {
padding-right: 1px;
padding-bottom: 0px;
 width:16%;
 vertical-align:top;
}

.navCellFirst {
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
 width:16%;
 vertical-align:top;
}

.photo {
float:left;
margin:5px 15px 5px 0px;
border:1px #000000 solid;
}

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

.logo {
float:left;
background-colour:#EFF5FB;
margin:5px 15px 5px 0px;
}

.alpha {
font-weight:bold;
padding:2px;
font-size:120%;
}
.glosshead {
font-weight:bold;
font-size:100%;
}

hr {
color:#cc0000;
margin:10px 0px;
}

.nobullet {
list-style-type: none !important;
}

.imagewithcaption {
float:left;
text-align:center;
font-size:90%;
font-weight:bold;
font-style:italic;
width:100px;
}

form input {
font-size:100% !important;
}

/*============== Search STUFF================*/

.searchheader {
background-color:#eeeeee !important;
}

.icon {
	margin-top:2px;
	vertical-align: text-top;
}