ae17d6d490
Added ng_common.css and ng_exclaim.gif, removed from the application workspace. git-svn-id: http://locode01.ad.dom/svn/WEBMIP/trunk@4085 248e525c-4dfb-0310-94bc-949c084e9493
1348 lines
20 KiB
CSS
1348 lines
20 KiB
CSS
/* 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;
|
|
|
|
}
|