/*------------------------------------------------------------------
[Master Stylesheet : default.css]

Project:      2011 Census
Version:      1.0
Last change:  14/08/09
Assigned to:  Diego Lago (dl) / Will Webster (ww)
Primary use:  Census Website Help

[ Table of contents ]

[-] [ Meyer's Reset ]
[+] [ Typography ]
[+] [ Layout ]
[+] [ Tools ]
[+] [ Branding ]
[+] [ Global Gateway Page ]
[+] [ Country Home Page ]
[+] [ Content Page ]
[-] [ Fulfilment Forms ]
[-] [ Navigation ]
[-] [ Breadcrumb ]
[+] [ Highlights ]
[+] [ Search ]
[-] [ Tooltips ]
[-] [ Pagination ]
[-] [ Footer ]
[+] [ Accessibility ]
[+] [ Landing Page ]

/*------------------------------------------------------------------
[ Meyer's Reset ]

------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

input.radio:focus, input.checkbox:focus {
  outline: #000000 dotted thin;
} 

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*------------------------------------------------------------------
[ Typography ]

[-] [ Main ]
[-] [ Lists ]
[-] [ Tables ]
[-] [ Forms ]
[-] [ Extras ]
[-] [ Hidden Text ]
[-] [ Float Clear ]
  
------------------------------------------------------------------*/

/* [ Main ] */
body {
  font: 75%/1.5 Arial, sans-serif;
  color: #222;
  background: #fff;
}
h1, h2, h3, h4 {
  font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #6e078e;
}
h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: .5em;
}
h2 {
  font-size: 2em;
  margin-bottom: .5em;
}
h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: .5em;
}
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h5 {
  font-size: 1em;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}
p {
  margin: 0 0 .75em;
}
p img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a {
  color: #3C65CE;
  text-decoration: none;
}
a:hover {
  color: #3C65CE;
  text-decoration: underline;
}
a:active, a:focus {
  background: #e8d0ef !important;
  color: #6a2689 !important;
  border: 1px dotted #000 !important;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
em, dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup, sub {
  line-height: 0;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre, code {
  margin: 1.5em 0;
  white-space: pre;
}
pre, code, tt {
  font: 1em 'andale mono' , 'lucida console' , monospace;
  line-height: 1.5;
}
code {
  background: #f5f5f5;
  display: block;
}

/* [ Lists ] */
li ul, li ol {
  margin: 0 1.5em;
}
ul, ol {
  margin: 0 1.5em 1.5em 1.5em;
}
ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}

/* [ Tables ] */
table {
  margin-bottom: 1.4em;
  width: 100%;
  border-top: 1px solid #DCD0E2;
  background: #fff;
}
th, td {
  padding: .25em .5em;
  border-top: 1px solid #F5F1F7;
  border-bottom: 1px solid #DCD0E2;
  font-weight: bold;
}
td {
  text-align: right;
}
tfoot {
  font-style: italic;
}
caption {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
}
tr.even td {
  background: #eee;
}

/* [ Forms ] */
input.submit {
  color: #6E008C;
  font: bold 1.2em Helvetica, Arial, sans-serif;
}

/* [ Extras ] */
.small {
  font-size: .9em;
  line-height: 1.65;
  margin-bottom: 1.65em;
}
.large {
  font-size: 1.2em;
  margin-bottom: 1.25em;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.block {
  display: block;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.fail, .notice, .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
.fail p, .notice p, .success p {
  margin: 0;
}
.fail {
  background: #fbe3e4;
  border-color: #fbc2c4;
}
.notice {
  background: #fff6bf;
  border-color: #ffd324;
}
.success {
  background: #e6efc2;
  border-color: #c6d880;
}

/* [ Hidden Text ] */
.hide {
  position: absolute;
  left: -9000px;
  top: 0;
  z-index: 20;
  font-size: 1em;
}
.hide a:active, .hide a:focus {
  position: absolute;
  left: 9000px;
  background: #ff0;
}
.skip a {
  display: block;
  width: 14em;
  height: auto;
  line-height: 1.5;
  font-size: 2em;
  text-decoration: none;
  text-align: center;
  padding: 10px;
}
.display-none {
  display: none;
}

/* [ Float Clear ] */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  clear: both;
}


/*------------------------------------------------------------------
[ Layout ]

[-] [ Basic ]
[-] [ Branding & Tools ]
[-] [ 3 Columns ]
[-] [ 2 Columns ]
[-] [ Footer ]

------------------------------------------------------------------*/

/* [ Basic ] */
html, body, #outer-container {
  height: 100%;
}
body {
  text-align: center;
}
.wrapper {
  min-height: 100%; /*Overriden on ie.css for IE6 as the jquery.minmax.js plugin is causing the sticky footer not to behave as expected.*/
  height: auto !important;
  height: 100%;
  margin: 0 auto -150px;
  text-align: left;
}
* html .outer-container {
  text-align: center;
}
.container, #tools, #branding {
  min-width: 760px;
  max-width: 930px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left; /*width: 100%; */
}

/* [ Branding & Tools ] */
/* positioning */
#outer-branding {
  position: relative;
  top: 2.6em;
  width: 100%;
}
#branding {
  height: 12.75em;
  z-index: 2;
}
#outer-tools {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#tools {
  height: 3.55em;
}
#inner-tools {
  padding: .8em 0;
  position: relative;
}
#breadcrumb {
  position: absolute;
  top: 3.6em;
  left: 0;
  clear: both;
}

/* [ 3 Columns ] */
/* Main, Content, Navigation & Highlights floats */
/* three columns template - default */
#main {
  width: 100%;
  float: left;
  margin: 5.5em -19em 0 0;
}
#content {
  width: 100%;
  float: right;
  margin-left: -19.2em;
  margin-top: .8em;
  margin-bottom: 1.5em;
}
#inner-content {
  position: relative;
  margin: 0 230px; /* using px to avoid expansion when re-sizing text*/
  background: #fff;
}

#navigation {
  width: 210px; /* using px to avoid expansion when re-sizing text*/
  position: relative;
}
#highlights {
  float: right;
  width: 210px; /* using px to avoid expansion when re-sizing text*/
  margin-top: 6.1em;
}

/* [ 2 Columns ] */
/*  OVERRIDE: sidebar right only */
body.sidebar-right #content, body.sidebar-right #inner-content {
  margin-left: 0;
}

/* [ 1 Column ] */
/*  OVERRIDE: no sidebars */
body.no-sidebar #content, body.no-sidebar #inner-content {
  margin-left: 0;
  margin-right: 0;
}

/* OVERRIDE: home page AND global gateway */
body.help-info #main, body.gateway #main {
  margin-right: -21.5em;
}
body.help-info #content, body.gateway #content {
  margin-left: -21.7em;
}
body.help-info #inner-content, body.gateway #inner-content {
  margin-right: 21.3em;
}
body.help-info #highlights, body.gateway #highlights {
  width: 20em; /* if required, change to px to fix width*/
}

/* OVERRIDE: global gateway only */
body.gateway #main {
  margin-top: 4em;
}

/* [ Footer ] */
/*  clear floats */
#footer {
  clear: both;
  position: relative;
  float: none;
  width: 100%; /*padding-top: 1em;*/
}
#footer .container {
  text-align: right;
}


/*------------------------------------------------------------------
[ Tools ]

[-] [ Containers ]
[-] [ Headings ]
[-] [ Lists ]
[-] [ Links ]
[-] [ Options General ]
[-] [ Viewing Options ]
[-] [ Font Size Options ]

------------------------------------------------------------------*/

/* [ Containers ] */
#outer-tools {
  font-size: 90%;
}

/* [ Headings ] */
#tools h2 {
  position: absolute;
  left: -9000px;
  top: 0;
  z-index: 20;
}
#tools h3, #tools ul, #tools li {
  line-height: 2em;
  height: 2em;
  float: left;
  margin: 0;
}
#tools h3 {
  font-size: 1em;
  font-weight: normal;
  color: #505050;
  display: inline;
  margin: 0 .5em 0 0;
}

/* [ Lists ] */
#tools ul {
  list-style: none;
}
#tools li {
  cursor: pointer;
}
a#text-view, a#contrast-hi {
  margin-right: .7em;
}
a#access-option, a#welsh-link, a#eng-link {
  position: absolute;
}
a#access-option {
  right: 37.6em;
}
a#welsh-link, a#eng-link {
  right: 1.6em;
  text-align: right;
}

/* [ Links ] */
#tools a {
  color: #730089;
  text-decoration: underline;
}
#tools a:hover {
  text-decoration: none;
}
#tools a:active, #tools a:focus {
  color: #000;
}

/* [ Options General ] */
#viewing-opt, #font-opt {
  position: absolute;
}
#viewing-opt {
  right: 9.1em;
}
#font-opt {
  right: 23.1em;
}
#viewing-opt li, #font-opt li {
  float: left;
  margin: .1em .3em 0 0;
  text-align: center;
}
#viewing-opt li a, #font-opt li a {
  color: #505050;
  border: 1px solid #505050;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  display: block;
  text-decoration: none;
}
#viewing-opt li a:hover, #font-opt li a:hover {
  text-decoration: none;
}
#tools li a em {
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  cursor: pointer;
}
#tools li a span {
  display: block;
  width: 5em;
  padding: .2em .5em;
  position: absolute;
  background: #fff;
  color: #000;
  border: 1px solid #505050;
  top: 75%;
  margin-left: 1.3em;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}

/* [ Viewing Options ] */
#viewing-opt h3 {
  padding-left: 1.5em;
}
#viewing-opt li #contrast-reg {
  color: #000 !important;
  background: #fff !important;
}
#viewing-opt li #contrast-blue {
  color: #143a90 !important;
  background: #fff9d2 !important;
}
#viewing-opt li #contrast-hi {
  color: #ff0 !important;
  background: #000 !important;
}
#tools li a#contrast-blue span {
  background: #fff9d2;
  color: #143a90;
}
#tools li a#contrast-hi span {
  background: #000;
  color: #ff0;
}
#viewing-opt li a span {
  width: 9em;
}
#tools li a:active img, #tools li a:focus img {
  border: 1px solid #D977FF;
}

/* [ Font Size Options ] */
#font-opt li #font-medium em {
  font-size: 1.25em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
}
#font-opt li #font-large em {
  font-size: 1.6em;
  width: .9em;
  height: .9em;
  line-height: .9em;
  position: relative;
  top: 1px;
}


/* [ Text size tools ] */ 

/* Regular colour contrast */
/* Selected states */
body.contrast-reg.font-small #font-opt li #font-small, body.contrast-reg.font-medium #font-opt li #font-medium, body.contrast-reg.font-large #font-opt li #font-large {
  border: 1px solid #fff;
  background-color: #fff;
  color: #505050;
}

/* Landing page */
body.contrast-reg.font-small #tools.landing #font-opt li #font-small, body.contrast-reg.font-medium #tools.landing #font-opt li #font-medium, body.contrast-reg.font-large #tools.landing #font-opt li #font-large {
  border: 1px solid transparent;
  background-color: transparent;
  color: #505050;
}

/* Hover/Active */
body.contrast-reg #font-opt li #font-small:focus, body.contrast-reg #font-opt li #font-small:active,
body.contrast-reg #font-opt li #font-medium:focus, body.contrast-reg #font-opt li #font-medium:active,
body.contrast-reg #font-opt li #font-large:focus, body.contrast-reg #font-opt li #font-large:active {
  border: 1px solid #6A2689;
  color: #6A2689;
  background-color: #E8D0EF;
}

/* Blue/cream */
/* Selected states */
body.contrast-blue.font-small #font-opt li #font-small, body.contrast-blue.font-medium #font-opt li #font-medium, body.contrast-blue.font-large #font-opt li #font-large {
  border: 1px solid #FFF9D2;
}
/* Hover/Active */
body.contrast-blue #font-opt li #font-small:focus, body.contrast-blue #font-opt li #font-small:active,
body.contrast-blue #font-opt li #font-medium:focus, body.contrast-blue #font-opt li #font-medium:active,
body.contrast-blue #font-opt li #font-large:focus, body.contrast-blue #font-opt li #font-large:active {
  border: 1px solid #555500;
  color: #FFF9D2;
  background-color: #555500 !important;
}

/* Black/yellow */  
/* Selected states */
body.contrast-hi.font-small #font-opt li #font-small, body.contrast-hi.font-medium #font-opt li #font-medium, body.contrast-hi.font-large #font-opt li #font-large {
  border: 1px solid #000;
  background-color: transparent;
  color: #00ffff;
}
/* Hover/Active */
body.contrast-hi #font-opt li #font-small:focus, body.contrast-hi #font-opt li #font-small:active,
body.contrast-hi #font-opt li #font-medium:focus, body.contrast-hi #font-opt li #font-medium:active,
body.contrast-hi #font-opt li #font-large:focus, body.contrast-hi #font-opt li #font-large:active {
  border: 1px solid #000;
  color: #000;
  background-color: #00ffff !important;
}

/* [ Text colour tools ] */ 

/* Regular colour contrast */
/* Selected states */
body.contrast-reg #viewing-opt li #contrast-reg { 
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #505050 /*!important*/;
}

/* Landing page */
body.contrast-reg #tools.landing #viewing-opt li #contrast-reg { 
  border: 1px solid transparent !important;
  background-color: #f8f4f9 !important;
  color: #505050 /*!important*/;
}


/* Hover/Active */
body.contrast-reg #viewing-opt li #contrast-reg:focus, body.contrast-reg #viewing-opt li #contrast-reg:active, 
body.contrast-reg #viewing-opt li #contrast-blue:focus, body.contrast-reg #viewing-opt li #contrast-blue:active, 
body.contrast-reg #viewing-opt li #contrast-hi:focus, body.contrast-reg #viewing-opt li #contrast-hi:active, 
body.contrast-reg #tools.landing #viewing-opt li #contrast-reg:focus, body.contrast-reg #tools.landing #viewing-opt li #contrast-reg:active { 
  border: 1px solid #E8D0EF;
  color: #6A2689 !important;
  background: #E8D0EF !important;
} 

/* Blue/cream  */
/* Selected states */
body.contrast-blue #viewing-opt li #contrast-blue {
  border: 1px solid #FFF9D2;
}  
/* Hover/Active */
body.contrast-blue #viewing-opt li #contrast-reg:focus, body.contrast-blue #viewing-opt li #contrast-reg:active,
body.contrast-blue #viewing-opt li #contrast-blue:focus, body.contrast-blue #viewing-opt li #contrast-blue:active,
body.contrast-blue #viewing-opt li #contrast-hi:focus, body.contrast-blue #viewing-opt li #contrast-hi:active { 
  border: 1px solid #555500;
  color: #FFF9D2 !important;
  background-color: #555500 !important;
} 

/* Black/yellow */  
/* Selected states */
body.contrast-hi #viewing-opt li #contrast-hi {
  border: 1px solid #000000;
}  
/* Hover/Active */
body.contrast-hi #viewing-opt li #contrast-reg:focus, body.contrast-hi #viewing-opt li #contrast-reg:active,
body.contrast-hi #viewing-opt li #contrast-blue:focus, body.contrast-hi #viewing-opt li #contrast-blue:active, 
body.contrast-hi #viewing-opt li #contrast-hi:focus, body.contrast-hi #viewing-opt li #contrast-hi:active { 
  border: 1px solid #00ffff;
  color: #000000 !important;
  background-color: #00ffff !important;
} 

/*------------------------------------------------------------------
[ Branding ]

[-] [ Containers ]
[-] [ Country Navigation ]

------------------------------------------------------------------*/

/* [ Containers ] */
#outer-branding {
  
  border-bottom: 8px solid #C0A5C8;
}
#branding a:active, #branding a:focus {
  background: none;
}
/*#logo {
  margin-top: 17px;
}*/

/* [ Country Navigation ] */
#nav-countries h2 {
  position: relative;
}
#nav-countries ul {
  list-style: none;
  text-align: center;
  margin-top: .5em;
  position: absolute;
  top: -9.3em;
  right: 0;
  margin: 0;
}
#nav-countries li {
  display: inline;
  float: left;
  margin: 0;
}
#nav-countries li a {
  color: #6E008C;
  border: 1px solid #fff;
  padding: .3em .6em;
  margin-left: 1em;
  line-height: 1;
  display: inline-block;
}
#nav-countries li a.active {
  border: 1px solid #6E008C;
  text-decoration: none;
  color: #fff;
  background: #6E2585;
}



/* OVERRIDE styles for intro page */
#outer-branding {
  background: #fff;
  border-bottom: 9px solid #7E6789;
}
#branding {
  height: auto;
  background: transparent;
}
#logo {
  position: relative;
  top: 0;
  left: 0;
  margin-left: 140px;
  margin-bottom: .9em;
  font-size: 2.6em;
  font-weight: normal;
  color: #710086;
}
#logo h1 {
  font-size: 100%;
  font-weight: normal;
}
#logo a {
  color: #710086;
  text-decoration: none;
}
#logo img {
  position: absolute;
  top: -10px;
  left: -140px;
}

/* global navigation */
#global-navigation {
  list-style-type: none;
  margin: 0 0 0 117px;
  padding: 0 0 .5em;
}
#global-navigation li {
  display: inline;
  margin: 0 1px 0 0;
  padding: .7em .01em;
  text-align: center;
}
#global-navigation a {
  color: #710086;
  padding: .9em 22px .65em;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
}
#global-navigation a:hover {
  background-color: #DDD0E2;
}
#global-navigation a.active {
  background-color: #7E6789;
  color: #fff;
}
.intro-page #outer-tools, .intro-page #tools {
  background: #fff;
  border: none;
}
#country-switch {
  position: absolute;
  left: 140px;
  top: 3em;
}
#country-switch a {
  color: #710086;
  text-decoration: underline;
}
#country-switch a:hover {
  text-decoration: none;
}

/*------------------------------------------------------------------
[ Global Gateway Page ]
[-] [ Main ]
------------------------------------------------------------------*/
/* [ Main ] */
.gateway #branding div#logo {
  color: #6e078e;
  font-size: 3.4em;
  font-weight: normal;
  margin-bottom: .85em;
}
.gateway #branding div#logo a {
  display: block;
  padding-top: 0.5em;
}
.gateway #inner-content p {
  margin-right: 170px;
}
.gateway #main h1 {
  color: #6A0786;
  font-size: 2em;
  font-weight: normal;
}
.img-challenge {
  margin-left: 16px;
}

/*------------------------------------------------------------------
[ Country Home Page ]

[-] [ Carousel ]
[-] [ Welcome ]
[-] [ Categories Blocks ]

------------------------------------------------------------------*/
/* [ Carousel ] */
.help-info h1 {
  /*margin-top: 223px;*/
}

/* [ Welcome ] */
body.help-info #content p {
  margin-bottom: 2em;
}

/* [ Categories Blocks ] */
.left-col, .right-col {
  width: 48.5%;
  position: relative;
}
.left-col {
  float: left;
}
.right-col {
  float: right;
}
.help-category {
  margin-bottom: 1.5em;
  clear: both;
  min-width: 100%; /* stop Safari misbehaving */
  max-width: 100%;
}
#content .help-category h2 {
  font-size: 1.3em;
  margin: 0;
  border: 1px solid #7A5A91;
  background: #7A5A91;
  line-height: 1;
  position: relative;
  top: .4em;
  color: #fff;
  font-size: 1.1em !important;
  padding: .35em 0;
}
#content .help-category h2 a {
 /* background-image: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-white-right.gif);*/
  background-image: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif);
  background-repeat: no-repeat;
  /*background-position: 100% 50%;*/
  background-position: 100% -716px;
  padding-right: 18px;
  display: inline;
  color: #fff;
}
#content .help-category h2 a:hover {
  color: #e3b2fa;
  text-decoration: none;
}
#content .help-category h2 img {
  float: left;
  width: 36px;
  margin-right: .5em;
  position: relative;
  top: -1px;
}
.help-category ul {
  list-style: none;
  float: left;
  margin: 0 0 0 .25em;
  display: inline;
  width: 80%;
}
#content .help-category ul li {
  list-style: none;
  margin: 0;
  display: inline;
  float: left;
  clear: left;
  width: 100%;
}
.help-category ul li a {
  /*background-image: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-s.gif);*/
  background-image: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif);
  background-repeat: no-repeat;
  /*background-position: 100% 50%;*/
  background-position: 100% -117px;
  padding-right: 10px;
}
.help-category .corner-tr {
  margin: 0;
  padding: 0;
  color: #666;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-head-right.gif) top right no-repeat;
  overflow: hidden;
}
.help-category .corner-tl {
  margin: 0;
  padding: 0 9px 0 9px;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-head-left.gif) top left no-repeat;
}
.help-category .corner-bl {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-head-left.gif) bottom left no-repeat;
}
.help-category .corner-br {
  padding: 2px 12px 25px 0;
  font-style: normal;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-head-right.gif) bottom right no-repeat;
}
ul.icons {
  list-style: none;
  margin-left: 0;
}

/*------------------------------------------------------------------
[ Content Page ]

[-] [ Main ]
[-] [ Subcategories Pages ]
[-] [ Request Questionnaire Options Page ]
[-] [ Topic Feedback Form ]
[-] [ Foreign Language Entry Block ]
[-] [ Glossary and A-Z Topics ]
[-] [ Print Option ]
[-] [ Search Pages ]
[-] [ Sitemap ]

------------------------------------------------------------------*/

/* [ Main ] */
#content h1, #content h2, #content h3 {
  color: #505050;
}
#content h1 {
  font-size: 1.67em;
  margin-right: 6.5em;
}
#content h2 {
  font-size: 1.33em;
}
#content h3 {
  font-size: 1.25em;
  margin: 1.5em 0 .5em;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {
  text-decoration: none;
}
#content .back, #content .top {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1.25em;
  position: relative;
}
#content ul.back {
  list-style: none;
  margin: 0;
}
#content p.back, #content ul.back a {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-purple-left.gif) no-repeat 0 50%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -521px;
  
  padding-left: 1.2em;
}
#content .top {
 /* background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-purple-up.gif) no-repeat 100% 100%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -654px;
  padding: .3em 1.5em 0 0;
  margin: 0;
  height: 1em;
  line-height: 1em;
  border-top: 1px solid #D8D8D8;
  display: block;
  text-align: right;
  clear: both;
}

/* [ Subcategories Pages ] */
.subcat {
  margin-bottom: 1.5em;
}
.subcat h2 {
  margin-bottom: .25em;
  line-height: 1.5;
}
.subcat p a {
  text-decoration: underline;
}
.subcat p a:hover {
  text-decoration: none;
}
.more-link {
  margin-top: -.75em;
}

/* [ Request Questionnaire Options Page ] */
#content .request-opts li {
  margin-bottom: 1em;
}
#content .request-opts li a {
  display: block;
}

/* [ Topic Feedback Form ] */
.feedback-form {
  margin-top: 1.5em;
  padding: 1em 0;
  border-top: 1px solid #ccc;
}
#content .feedback-form ul {
  list-style: none;
  margin-left: 0;
}
#content .feedback-form li {
  margin-bottom: .25em;
}
#content .feedback-form input.radio {
  margin-left: 0;
  margin-right: .4em;
}
.feedback-form input.submit {
  margin-top: .5em;
}
#content .success {
  margin-top: 1em;
}

/* [ Foreign Language Entry Block ] */
#content .entry-blocks {
  list-style: none;
  margin: 0;
}
#content .entry-blocks li {
  border-top: 1px solid #D8D8D8;
  padding: .5em 0 0;
  margin: 0;
  clear: both;
}
#content .entry-blocks img {
  position: relative;
  top: .2em;
}
#content .entry-blocks img.visual {
  float: left;
  padding: .6em 1em 0 0;
  position: relative;
  top: -.5em;
}
#content .entry-blocks a {
  color: #6e078e;
  font-size: 1.3em;
  font-weight: bold;
  padding-right: 1.2em;
}
#content .entry-blocks span {
  display: block;
}
#content h3 {
  line-height: 1.25;
}

/* [ Glossary and A-Z Topics ] */
.abc {
  list-style: none;
  margin: 1.5em 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}
.abc li {
  display: inline;
}
.abc a {
  text-transform: uppercase;
  font-weight: bold;
  color: #6e078e;
  font-size: 1.2em;
  padding: .175em;
  position: relative;
  display: inline-block;
}
.abc a:hover {
  background: #f4d6fa;
}
.letter-group {
  height: 1%;
}

/* [ Print Option ] */
#print {
  font-size: 90%;
  font-weight: bold;
  color: #3C65CE;
  position: absolute;
  top: -.25em;
  right: 0;
  cursor: pointer;
}
#print:hover {
  text-decoration: underline;
}
#print img {
  position: relative;
  top: 4px;
}
body.help-info #print {
  display: none;
}

/* [ Search Pages ] */
#search-local ul {
  margin: 1.5em 0;
  list-style: none;
  position: relative;
  height: 1%;
}
#btn-adv {
  position: absolute;
  top: .3em;
  right: 0;
}
.search-more {
  margin-top: -.75em;
}

/*[ Sitemap ]*/
div.sitemap-content ul {
  margin-left: 0;
}
div.sitemap-content ul.col {
  float: left;
  width: 45%;
}
#content div.sitemap-content ul ul {
  margin-top: .5em;
}
#content div.sitemap-content ul ul ul {
  margin-left: 1.5em;
}
div.sitemap-content ul li {
  font-size: 1.2em;
  font-weight: bold;
  list-style-type: none;
  margin-bottom: 1em;
}
div.sitemap-content ul li li {
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: .5em;
}
div.sitemap-content ul li li li {
  font-size: 1em;
}
div.sitemap-content ul li li a {
  /*background-image: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-s.gif);*/
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 10px;
}
/*------------------------------------------------------------------
[ Fulfilment Forms ]

------------------------------------------------------------------*/
.content-block {
  background: #F6F1F7;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
}
.content-block ul {
  margin: 0;
  list-style: none;
}
.content-block ul ul {
  margin-top: .25em;
}
.content-block ul li {
  margin-bottom: .75em;
}
.content-block fieldset {
  border: 1px solid #A5ACB2;
  padding: 0 1em .4em;
  margin-bottom: 1em;
}
.content-block legend {
  font-weight: bold;
  color: #555;
  padding: 0 0 .5em;
  white-space: normal;
}
.content-block legend span {
  /* required when legend needs to break in two or more lines */
  width: 100%;
  display: block;
}

.content-block legend em {
  font-weight: normal;
}

.content-block label.inline {
  float: left;
  width: 14em;
  display: inline;
}
.content-block label.label-middle {
  text-align: center;
  width: 2.5em;
  float: none;
}
.content-block label span {
  color: #666;
}
.content-block input.text {
  width: 25em;
  display: block;
}
.content-block input.text-medium {
  width: 9.5em;
}
.content-block input.text-short {
  width: 4em;
  display: block;
}
.content-block input.submit {
  padding: .3em .75em;
}
.content-block .controls {
  position: relative;
}
.content-block .controls li {
  margin: 0;
}
.content-block .fail-message {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-error-s.gif) no-repeat scroll 0 8% !important;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat scroll 0 -759px !important;
  color: #DF0000;
  font-weight: bold;
  line-height: 1.8em;
  padding-left: 20px !important;
  display: block;
  width: 90%;
}
.content-block fieldset.fail {
  border: 2px solid #fbc2c4;
}
#btn-back, #btn-next, #btn-submit, #btn-update {
  position: relative;
  height: 1%;
}
#btn-next, #btn-submit {
  float: right;
  z-index: 100;
}
#search-advance-form li {
  clear: left; /* bug 1649 fix Ubuntu  */
}
#search-advance-form input.text {
  display: inline;
}
#sample {
  text-align: center;
  margin-top: 1.5em;
}

/*------------------------------------------------------------------
[ Navigation ]

------------------------------------------------------------------*/
#navigation {
  margin-top: .75em;
}
#navigation ul {
  list-style: none;
  margin: 0;
  border-top: 1px solid #d8d8d8;
}
#navigation li a {
  display: block;
  line-height: 1.8em;
  padding-left: .3em;
  font-size: 105%;
  font-weight: bold;
  border-bottom: 1px solid #d8d8d8;
  padding: .25em 0 .25em .3em;
  line-height: 1.4em;
}
#navigation li a:hover {
  background: #e8d0ef;
  color: #6E008C;
  text-decoration: none;
}
#navigation li a.active, #navigation li a.active {
  color: #fff;
  background: #765F80;
}
#navigation li ul li a.active, #navigation li ul li a:active {
  color: #6E008C;
  /*background: #FBF9FE url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-navigation.gif) no-repeat .35em .65em;*/
  background: #FBF9FE url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat .35em 0.65em;
}
#navigation li ul {
  border-top: none;
  border-bottom: 1px solid #d8d8d8;
  background: #FBF9FE;
}
#navigation li li a {
  padding-left: 1em;
  font-size: 100%;
  font-weight: normal;
  border-bottom: none;
}
#navigation li li ul {
  border: none;
}
#navigation li li li a {
  padding-left: 2em;
}


/*------------------------------------------------------------------
[ Breadcrumb ]

------------------------------------------------------------------*/
#breadcrumb ul {
  list-style: none;
  margin: 0;
}
#breadcrumb li {
  display: inline;
  margin-right: .3em;
  font-size: 95%;
}
#breadcrumb li a, #breadcrumb li.not-last {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-breadcrumb.gif) no-repeat 100% 50%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -57px;
  padding-right: 1em;
}


/*------------------------------------------------------------------
[ Highlights ]

[-] [ Top 10 ]
[-] [ Online Questionnaire Call to Action ]

------------------------------------------------------------------*/

/* [ Top 10 ] */
#top-10 h2 {
  line-height: 1.1;
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-10.gif) no-repeat 0 2px;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-icons-wsh.gif) no-repeat 0 2px;
  padding-left: 36px;
  margin-top: .75em;
}
#top-10 h2 span {
  color: #7E6789;
  font-size: 70%;
  display: block;
  width: 50%;
}
#top-10 ol {
  color: #3C65CE;
}
#top-10 ol li {
  margin-bottom: .5em;
}

/* [ Online Questionnaire Call to Action ] */
#online-quest .corner-tr {
  margin: 0;
  padding: 0;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-complete-right.gif) top right no-repeat;
  position: relative;
}
#online-quest .corner-tl {
  margin: 0;
  padding: 13px 6px 0;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-complete-left.gif) top left no-repeat;
}
#online-quest .corner-bl {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-complete-left.gif) bottom left no-repeat;
}
#online-quest .corner-br {
  margin: 0;
  padding: 0 12px 15px 0;
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-complete-right.gif) bottom right no-repeat;
  height: 4px; /* stop ie6 misbehaving */
}

#online-quest h2 {
  background: #6E2585 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-complete-head-s.gif) no-repeat 50% 0;
  text-indent: -9999px;
  height: 40px;
  width: 189px;
  margin: 0 auto .7em;
}
#online-quest p {
  margin: 0 1em .6em;
  position: relative;
  height: 1%;
}
#online-quest a:active, #online-quest a:focus {
  background: none;
}
#online-quest a {
  display: block;
  margin: 0 auto;
  padding: .66em;
  color: #6e078e;
  line-height: 1;
  border: 1px solid #225085;
  background: #fff url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-btn-online.gif) repeat-x 0 100%;
  letter-spacing: -.02em;
  width: 80%;
  cursor: pointer;
}
#online-quest a:hover {
  text-decoration: none;
  border-color: #DAC3EF;
}
#online-quest a span {
  display: block;
  font-size: 1.75em;
  padding-bottom: .15em;
  color: #5a5a5a;
}
#online-quest a em {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-arrow-purple-right.gif) no-repeat 100% 60%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -587px;
  font-style: normal;
  padding-right: 1.3em;
  font-size: 1.2em;
  font-weight: bold;
}
#highlights div.inner {
  background: #fff;
}
#highlights div.outer {
  background: #C0A5C8;
}


/*------------------------------------------------------------------
[ Search ]

[-] [ Search Form ]
[-] [ Search Options Navigation ]

------------------------------------------------------------------*/

/* [ Search Form ] */
#search {
  width: 100%;
  margin-bottom: 1.5em;
}
#search label {
  color: #555;
  float: left;
  font-size: 1.1em;
}
#search-input {
  width: 84%;
  float: left;
  margin-top: 0 !important; /* ie8 bug */
}
#search-btn {
  margin-left: 2px;
  float: left;
}

/* [ Search Options Navigation ] */
#search ul {
  list-style: none;
  margin: 4px 0 0;
  text-align: right;
}
#search ul li a {
  color: #6E008C;
  font-size: 1.1em;
  line-height: 1.2;
  text-decoration: underline;
}
#search ul li a:hover {
  text-decoration: none;
}

/*------------------------------------------------------------------
[ Tooltips ]

------------------------------------------------------------------*/
a span.tooltip-wrapper {
  color: #3C65CE;
}

a:focus span.tooltip-wrapper, a:active span.tooltip-wrapper {
  color: #6A2689;
}

span.tooltip-wrapper {
  color: #222;
  border-bottom: 1px dotted #000;
  text-decoration: none;
}
a span.tooltip-wrapper span.tooltip, span.tooltip-wrapper span.tooltip {
  color: #222;
  text-decoration: none;
}
span.tooltip-wrapper:hover span {
  text-decoration: none;
}
a span.tooltip-wrapper span.hover, span.tooltip-wrapper span.hover {
  border: 1px solid #000;
  background-color: #fff;
  position: absolute;
  text-align: left;
  padding: 8px;
  top: 15px;
  left: 20px;
  width: 150px;
  display: block;
  font-weight: normal;
  z-index: 2000;
}
span.tooltip-wrapper span.tooltip span, span.tooltip-wrapper span.hover span {
  display: block;
  font-weight: bold;
}

/*------------------------------------------------------------------
[ Pagination ]

------------------------------------------------------------------*/
.pagination {
  margin: 0; /*float: left;   width: 100%;*/
  margin-bottom: 1em;
  position: relative;
}
.pagination li {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 95%;
  list-style: none;
  float: left;
}
.pagination a {
  border-right: solid 1px #DEDEDE;
  margin-right: 2px;
}
.pagination .previous-off, .pagination .next-off {
  color: #888;
  display: block;
  float: left;
  font-weight: bold;
  padding: 3px 4px;
}
.pagination .previous {
  /*background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-page-previous.gif) no-repeat 0 50%;*/
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -226px;
  padding-left: 10px;
}
.pagination .next {
  /*background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-page-next.gif) no-repeat 100% 50%;*/
  background: url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -171px;
  padding-right: 8px;
}
.pagination .next a {
  border: none;
}
.pagination .active {
  color: #000;
  font-weight: bold;
  display: block;
  float: left;
  padding: 4px 6px;
  border-right: solid 1px #DEDEDE;
}
.pagination .last-active {
  color: #000;
  font-weight: bold;
  display: block;
  float: left;
  padding: 4px 6px;
}
.pagination a:link, .pagination a:visited {
  color: #0e509e;
  display: block;
  float: left;
  padding: 3px 6px;
  text-decoration: underline;
}
.pagination a:hover {
  text-decoration: none;
}


/*------------------------------------------------------------------
[ Footer ]

------------------------------------------------------------------*/
#footer {
  background: #6F2586 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-footer.gif) repeat-x 0 0;
}
#footer, .push {
  height: 150px;
  clear: both;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-top: 1em;
}
#footer li {
  display: inline;
  padding-left: .5em;
  font-size: 95%;
}
#footer li, #footer li a {
  color: #fff;
  background: #6F2586;
}
#footer li a {
  border-left: 1px solid #fff;
  padding-left: .5em;
  line-height: 1;
}
#footer a:active, #footer a:focus {
  background: #e8d0ef;
  color: #6a2689;
}
#footer-logo {
  float: left;
  margin-top: 20px;
}
#footer-slogan {
  margin: 3em 0 0 0;
}

/*------------------------------------------------------------------
[ Accessibility ]

[-] [ Font Size ]
[-] [ Dark Blue on Cream ]
[-] [ High Contrast ]
[-] [ Tooltips ]
------------------------------------------------------------------*/
#top, #bottom {
  margin: 0;
}
/* [ Font Size ] */
body.font-small {
  font-size: 75%;
}
body.font-small #tools h3, body.font-small #tools li {
  float: left;
}
body.font-medium {
  font-size: 90%;
}
body.font-medium #tools h3, body.font-medium #tools li {
  float: left;
}
body.font-large {
  font-size: 100%;
}
body.font-large #tools h3, body.font-large #tools li {
  float: left;
}
/* exceptions: landing start button */
body.font-medium .button-wrap {
  font-size: 80%;
}
body.font-large .button-wrap {
  font-size: 80%;
}

/* [ Dark Blue on Cream ] */

body.contrast-blue, body.contrast-blue #outer-branding, body.contrast-blue #inner-content, body.contrast-blue #inner-content div, body.contrast-blue #footer, body.contrast-blue h1, body.contrast-blue h2, body.contrast-blue h3, body.contrast-blue h4, body.contrast-blue h5, body.contrast-blue h6, body.contrast-blue p, body.contrast-blue span, body.contrast-blue legend, /*body.contrast-blue li,*/ body.contrast-blue #navigation ul, body.contrast-blue #footer li, body.contrast-blue #top-10 ol  {
   background-color: #FFF9D2 !important;
  background-image: none !important;
  color: #143a90 !important;
}
body.contrast-blue input.submit, body.contrast-blue input.text, body.contrast-blue input.text-medium, body.contrast-blue input.text-short, body.contrast-blue select, body.contrast-blue textarea {
  background-color: #143a90;
  background-image: none !important;
  color: #FFF9D2;
  border-color: #143a90 !important;
}
body.contrast-blue input.submit {
  background-color:#FFF9D2;
  border:1px solid #143A90;
  color:#143A90;
}
body.contrast-blue input.radio:focus, body.contrast-blue input.checkbox:focus {
  outline:#143a90 inset thick !important;
}
body.contrast-blue input.submit:focus, body.contrast-blue input.submit:active {
  color: #fff9d2 !important;
  background-color: #143A90 !important;
  border: 1px solid #143A90 !important;
  outline:#143a90 dotted thin !important;
}

body.contrast-blue a, body.contrast-blue a span.tooltip-wrapper {
  color: #550 !important;
}
body.contrast-blue a span.tooltip-wrapper {
  border-bottom: 1px dotted #143a90;
}
body.contrast-blue a:hover span.tooltip-wrapper {
  text-decoration: underline;
}

body.contrast-blue #global-navigation a.active, body.contrast-blue #navigation a.active {
  background-color: #143A90;
  background-image: none;
  color: #fff9d2 !important;
}

body.contrast-blue #global-navigation a:hover, body.contrast-blue #navigation a:hover, body.contrast-blue a:active, body.contrast-blue a:focus, body.contrast-blue a:active span, body.contrast-blue a:focus span {
  background-color: #555500 !important;
  background-image: none !important;
  color: #fff9d2 !important;
}
body.contrast-blue #global-navigation li a:hover {
  background-color: #550 !important;
  color: #fff9d2 !important;
}
body.contrast-blue #navigation ul, body.contrast-blue #navigation li a, body.contrast-blue fieldset, body.contrast-blue #outer-branding, body.contrast-blue #footer li a, body.contrast-blue .help-category h2, body.contrast-blue .pagination a, body.contrast-blue .pagination .active {
  border-color: #143a90 !important;
}
body.contrast-blue .fail, body.contrast-blue .notice {
  background-color: transparent;
  border-color: #a00;
}

body.contrast-blue ul,
body.contrast-blue #footer li, 
body.contrast-blue #footer li a {
  background-color: transparent;
}

body.contrast-blue #tools h3 {
  background: none !important;
}

/* [ High Contrast ] */
body.contrast-hi, body.contrast-hi #outer-branding, body.contrast-hi #inner-content, body.contrast-hi #inner-content div, body.contrast-hi #footer, body.contrast-hi h1, body.contrast-hi h2, body.contrast-hi h3, body.contrast-hi h4, body.contrast-hi h5, body.contrast-hi h6, body.contrast-hi p, body.contrast-hi span, body.contrast-hi legend, /*body.contrast-hi li, */body.contrast-hi #navigation ul, body.contrast-hi #footer li, body.contrast-hi #top-10 ol {
  background-color: #000 !important;
  background-image: none !important;
  color: #ff0 !important;
}
body.contrast-hi input.submit, body.contrast-hi input.text, body.contrast-hi input.text-medium, body.contrast-hi input.text-short, body.contrast-hi select, body.contrast-hi textarea {
  background-color: #ff0 !important;
  background-image: none !important;
  color: #000 !important;
  border-color: #ff0 !important;
}

body.contrast-hi input.submit {
  background-color:#000000 !important;
  border:1px solid #FFFF00 !important;
  color:#FFFF00 !important;
}
body.contrast-hi input.radio:focus, body.contrast-hi input.checkbox:focus {
  outline:#ff0 inset thick;
}
body.contrast-hi input.submit:focus {
  color: #000 !important;
  background-color: #ff0 !important;
  outline:#ff0 dotted thin;
}
body.contrast-hi a, body.contrast-hi a span.tooltip-wrapper {
  color: #0ff !important;
}
body.contrast-hi a span.tooltip-wrapper {
  border-bottom: 1px dotted #ffff00;
}
body.contrast-hi #global-navigation a.active, body.contrast-hi #navigation a.active {
  background-color: #ffff00;
  background-image: none;
  color: #000 !important;
}

body.contrast-hi #global-navigation a:hover, body.contrast-hi #navigation a:hover, body.contrast-hi a:active, body.contrast-hi a:focus, body.contrast-hi a:active span, body.contrast-hi a:focus span {
  background-color: #00ffff !important;
  background-image: none !important;
  color: #000 !important;
}
body.contrast-hi #global-navigation li a:hover {
  background-color: #0ff !important;
  color: #000 !important;
}
body.contrast-hi #navigation ul, body.contrast-hi #navigation li a, body.contrast-hi fieldset, body.contrast-hi #outer-branding, body.contrast-hi #footer li a, body.contrast-hi .help-category h2, body.contrast-hi .pagination a, body.contrast-hi .pagination .active {
  border-color: #ff0 !important;
}
body.contrast-hi .pagination .active {
  color: #FFFF00;
}
body.contrast-hi .fail, body.contrast-hi .notice {
  background-color: transparent;
  border-color: #0ff;
}

body.contrast-hi ul,
body.contrast-hi #footer li, 
body.contrast-hi #footer li a {
  background-color: transparent;
}

body.contrast-hi #tools h3 {
  background: none !important;
}


/*------------------------------------------------------------------
[ Landing page ]

------------------------------------------------------------------*/
body.landing {
  color: #000;
}

.landing a {
  font-weight: bold;
}
.landing a:hover {
  color: #6E2585;
}
body > #outer-container {
  height: auto;
  min-height: 100%;
}
#container {
  padding-bottom: 70px; /* must be same height as the footer */
}
#outer-footer {
  clear: both;
  height: 70px;
  margin-top: -70px; /* negative value of footer height */
  position: relative;
}
.wide {
  margin: 0 auto;
  max-width: 960px;
  min-width: 760px;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%; /* for fixed width set max-width = min-width = width */
}
.landing #main {
  margin: 0 -19em 0 0;
}
.landing #outer-content {
  float: right;
  margin-left: -19.2em;
  width: 100%;
}
.landing #content {
  margin: 0 17.5em;
  position: relative;
}
/**
 * Columns OVERRIDE
 * 2 columns: left + middle
 */
body.sidebar-left #content {
  margin-right: 0;
}
.landing #outer-branding {
  top: 0;
  border: none;
}
.landing #branding {
  height: 12em;
}
.landing #outer-tools {
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-landing-access-top.gif) no-repeat 100% 0;
  max-width: 100%;
  top: -6em;
  right: 0;
  z-index: 1000;
}
.landing #tools {
  height: 3em;
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-landing-access-bottom.gif) no-repeat 100% 100%;
  max-width: 960px;
  padding-bottom: .5em;
}
/**
 * Grid
 */
.cols {
  width: 100%;
}
.col {
  float: left;
  position: relative;
  display: inline;
  margin-right: 2%;
}
.col-half {
  width: 49%;
}
.col-third {
  width: 32%;
}
.col-quarter {
  width: 23.50%;
}
.section {
  margin-bottom: 16px;
}

.landing .last {
  margin-right: 0;
}

/**
 * Clearing Classes
 */
.landing .clear {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.landing .clearfix:after {
  font-size: 0;
}
.landing .clearfix { display: inline-block; }
* html .landing .clearfix { height: 1%; }
.landing .clearfix { display: block; }

.landing #logo { 
  top: 16px;
  margin: 0;
}
.landing #logo img {
  top: 0;
  left: 0;
}

.folded-corner {
  position: absolute !important;
  bottom: -1px;
  right: -1px;
  display: block;
  height: 16px;
  width: 16px;
}

/* [ Headings ] */
#questionnaire h1, 
#get-help h2 {
  color: #6e2585;
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: -.025em;
  margin-right: 0;
}
/* [ Questionnaire ] */
.landing #questionnaire div {
  border: 1px solid #9A67AA;
  height: 300px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.landing #questionnaire div.button-wrap {
  position: relative;
  display: block;
  border: none;
}

.landing #questionnaire div img {
  margin: 0;
}
.landing #questionnaire .folded-corner {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-folded-corner.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -406px;
  bottom: 0;
  right: -2px;
}
.landing #questionnaire .button {
  color: #fff;
  display: block;
  width: 71%;
  margin: 0 auto;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -.025em;
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-btn-fill-it.gif) no-repeat 0 0;
  position: absolute;
  /*top: 200px;*/
  top: 155px;
  left: 14%;
  height: 72px;
  line-height: 2;
  cursor: pointer;
}
.landing #questionnaire a:hover {
  text-decoration: none;
}

body.contrast-blue #questionnaire div.button-wrap a:focus, body.contrast-blue #questionnaire div.button-wrap a:active, 
body.contrast-blue #questionnaire div.button-wrap a:focus span.button, body.contrast-blue #questionnaire div.button-wrap a:active span.button {
  background-color: #143A90 !important;
}

body.contrast-hi #questionnaire div.button-wrap a:focus, body.contrast-hi #questionnaire div.button-wrap a:active, 
body.contrast-hi #questionnaire div.button-wrap a:focus span.button, body.contrast-hi #questionnaire div.button-wrap a:active span.button {
  background-color: #ffff00 !important;
}

/* [ Tabs ] */
/* root element for tabs  */
ul.tabs {
  list-style: none; 
  margin: 0 !important; 
  padding: 0;
  float: left;
  border-bottom: 1px solid #9A67AA;
  width: 99.8%;
}
/* single tab */
ul.tabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
  list-style-image: none !important; 
}
/* link inside the tab. uses a background image */
ul.tabs a { 
  background: #e2d3e7 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-tab-bottom.gif) repeat-x 0 100%;
  border: 1px solid #9A67AA;
  border-bottom: none;
  display: block;
  width: 176px;
  text-align: left;
  text-decoration: none;
  color: #6e2585;
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  margin: 0;
  position:relative;
  top: 1px;
}
ul.tabs a:active {
  outline: none;
}
ul.tabs a:active,
ul.tabs a:focus {
  background: #f8f4f9 !important;
  text-decoration: underline;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
  background-color: #D9C7DF;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  cursor: default !important; 
  color: #000 !important;
}
ul.tabs a.current {
  background: #f8f4f9;
}

/* panes */
.panes { 
  clear: both;
  height: 1%;
}
.pane { 
  background: #f8f4f9;
  border: 1px solid #9A67AA;
  border-top: none;
  padding: 30px 2% 15px;
  margin: 0;
  width: 95.5%;
}
.pane .option {
  clear: both;
  height: 1%;
  margin: 0 0 1.5em 30px;
}
#content .pane h3 {
  float: left;
  clear: both;
  margin: 0;
  width: 50%;
}
#content .pane h3 img {
  margin-top: .25em;
}
.pane ul {
  list-style: none;
  float: left;
  margin: 0 0 1.5em;
  width: 45%;
}
.pane li {
  display: inline;
  padding-right: 22px;
  margin-right: 16px;
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-landing-sep.gif) no-repeat 100% 3px;
  height: 1%;
}
#ni li{
  background: none;
}
.pane li.last {
  background: none;
  padding-right: 0;
  margin-right: 0;
}
.pane a {
  text-decoration: underline;
  font-size: 1.25em;
  color: #6e2585;
}
.pane  a:hover {
  text-decoration: none;
}
.pane .logo {
  margin: 2.2em 0 0 30px;
}
#ni .logo {
  margin-bottom: 2px;
}
.pane .folded-corner {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-folded-corner.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -406px;
  bottom: 0;
  right: 0;
}

/*------------------------------------------------------------------
[ Boxes ]

[-] [ alert ]
[-] [ marketing ]
------------------------------------------------------------------*/

/* [ alert ] */
#alert {
  border: 1px solid #646464;
  padding: 20px 20px 10px;
  background: #FFFFDC;
  position: relative;
}
#alert h2 {
  color: #000;
  font-size: 2em;
  line-height: 1;
  letter-spacing: -.025em;
  float: left;
  width: 24%;
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/ico-warning.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-icons-wsh.gif) no-repeat 0 -131px;
  padding-left: 5%;
  padding: .2em 0 .8em 6%;
}
#alert .alert-teaser {
  float: left;
  width: 70%;
}
#alert .alert-teaser  h3{
  margin: 0 0 .25em;
  line-height: 1;
  color: #000;
}
#alert .alert-teaser  p{
  margin: 0;
}
#alert .alert-teaser  a {
  color: #000;
  text-decoration: underline;
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-arrow-alert.gif) no-repeat 100% 50%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -286px;
  padding-right: 12px;
}
#alert .alert-teaser  a:hover {
  text-decoration: none;
}
#alert .folded-corner {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-folded-corner-alert.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -422px;
}

/* [ marketing ] */
#marketing {
  border: 1px solid #9A67AA;
  padding: 7px 1% 0;
  width: 97.75%;
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-landing-marketing.jpg) no-repeat 100% 0;
  position: relative;
  min-height: 64px;
}
#marketing h2 {
  color: #6e2585;
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: -.025em;
  margin-bottom: .25em;
}
#marketing   a {
  color: #6e2585;
  text-decoration: underline;
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-arrow-marketing.gif) no-repeat 100% 50%;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 100% -344px;
  padding-right: 12px;
}
#marketing  a:hover {
  text-decoration: none;
}
#marketing .folded-corner {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-folded-corner-marketing.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -438px;
}

/* [ Stakeholders ] */
#stakeholders ul{
  list-style: none;
  margin: 0;
}
#stakeholders li {
  width: 30%;
  float: left;
  position: relative;
  min-height: 52px;
  min-height: 2.1em;
}
#stakeholders li span{
  display: block;
  border: 1px solid #E2D3E7;
  color: #9A67AA;
  font-size: 2em;
  line-height: 1;
  letter-spacing: -.025em;
  padding: 16px 16px 18px;
  margin-right: 16px;
  position: relative;
  min-height: 52px;
  min-height: 2.1em;
}
#stakeholders li#scot {
  width: 10%;
}
#stakeholders  #scot span {
  margin-right: 0;
  padding: 10px;
  font-size: 130%;
  letter-spacing: 0;
  line-height: .8;
}
#stakeholders #scot span em{
  font-style: normal;
  font-size: 80%;
  color: #000;
}
#stakeholders li a {
  color: #9A67AA;
}
#stakeholders li a {
  text-decoration: none;
}
#media-info span {
  background: #F8F4F9 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-stakeholders-media-info.gif) no-repeat 92% 0;
}
#local-auth span {
  background: #F8F4F9 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-stakeholders-local-auth.gif) no-repeat 92% 0;
}
#comm-gr span {
  background: #F8F4F9 url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-stakeholders-comm-gr.gif) no-repeat 92% 0;
}
#scot span {
  background: #F8F4F9;
}
#stakeholders .folded-corner {
  /*background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-folded-corner-stake.gif) no-repeat 0 0;*/
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/sprite-small-wsh.gif) no-repeat 0 -454px;
  padding: 0 !important;
  margin: 0;
  border: none;
  min-height: 0;
}
#stakeholders .hover span {
  background-color: #eae1ec;
  cursor: pointer;
}
#stakeholders .hover span span {
  background-color: transparent !important;
}
/* [ Options General ] */
.landing #viewing-opt {
  right: 0;
}
.landing #font-opt {
  right: 14em;
}
#access-statement {
  position: absolute;
  top: .75em;
  right: 27em;
}
#lng-opt {
  position: absolute;
  top: -2.5em;
  right: 0;
}
.landing #footer {
  background: transparent url(/ukgwa/20110324101222oe_/https://assets.census.gov.uk/img/bg-footer-landing.gif) no-repeat 100% 0;
  height: auto;
}
.landing #footer ul {
  padding-top: 0;
  text-align:right;
}
.landing #footer li,
.landing #footer li a {
  color: #6e2585;
  background: transparent;
  font-weight: bold;
  font-size: 100%;
}


/*------------------------------------------------------------------
[ Accessibility ]

[-] [ Dark Blue on Cream ]
[-] [ High Contrast ]
------------------------------------------------------------------*/
/* [ Dark Blue on Cream ] */
body.contrast-blue #questionnaire p,
body.contrast-blue .tabs,
body.contrast-blue .tabs a.current,
body.contrast-blue .pane,
body.contrast-blue .section,
body.contrast-blue #stakeholders li span {
  background-color: #fff9d2 !important;
  background-image: none !important;
  color: #143a90 !important;
  border-color: #143a90 !important;
  text-decoration: none;
}
body.contrast-blue #outer-tools,
body.contrast-blue #tools,
body.contrast-blue .section a {
  background-image: none !important;
}
body.contrast-blue .folded-corner {
  display: none !important;
}
body.contrast-blue .tabs a,
body.contrast-blue .section a em{
  color: #550 !important;
  background-color: #fff9d2 !important;
  border-color: #143a90 !important;
}

body.contrast-blue .section a:focus em, body.contrast-blue .section a:active em {
  color: #fff9d2 !important;
  background-color: #555500 !important;
  border-color: #143a90 !important;
}

body.contrast-blue .tabs a {
  text-decoration: underline;
}

body.contrast-blue .tabs a:focus, body.contrast-blue .tabs a:active {
  background-color: #555500 !important;
  color:   #FFF9D2 !important; 
}

body.contrast-blue #questionnaire .button {
  border: 1px solid #143a90;
}

/* [ High Contrast ] */
body.contrast-hi #questionnaire p,
body.contrast-hi .tabs,
body.contrast-hi .tabs a.current,
body.contrast-hi .pane,
body.contrast-hi .section,
body.contrast-hi #stakeholders li span {
  background-color: #000 !important;
  background-image: none !important;
  color: #ff0 !important;
  border-color: #ff0 !important;
  text-decoration: none;
}
body.contrast-hi #outer-tools,
body.contrast-hi #tools,
body.contrast-hi .section a {
  background-image: none !important;
}
body.contrast-hi .folded-corner {
  display: none !important;
}
body.contrast-hi .tabs a,
body.contrast-hi .section a em{
  color: #0ff !important;
  background-color: #000 !important;
  border-color: #ff0 !important;
}
body.contrast-hi .section a:focus em, body.contrast-hi .section a:active em {
  color:#000000 !important;
  background-color: #00ffff !important;
}

body.contrast-hi .tabs a {
  text-decoration: underline;
}
body.contrast-hi .tabs a:focus, body.contrast-hi .tabs a:active {
  background-color: #00ffff !important;
  color:   #000000 !important; 
}
body.contrast-hi #questionnaire .button {
  border: 1px solid #ff0;
}

/*	For the "bigTarget" jQuery stuff to make the whole of each box on the 
	country home pages clickable */
.bigTarget{margin:0; padding:0; list-style-type:none; display:block; vertical-align:top;}
.bigTarget div.hover{cursor:pointer;}