/* Beacon Dodsworth
 *
 * Site styles July 2011
 *
 */

/*
 * Fixes
 */

html {
    height: 100%;
    padding: 0 0 1px 0;
}

body{
  font:normal normal 12px arial,sans-serif;
  color:#666;
  line-height:1.6em;
  clear:both;
  background-color: #fff;
}

body, input, button, textarea {
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

pre, tt, code, kbd, samp, var {
    font-family: 'Courier New', Courier, monospace;
}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h2 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin-bottom: 0.6em;
}

h3 {
    font-size: 1.4em;
    line-height: 1.2em;    
    margin-bottom: 0.7em;   
    color: #a1c130;
}

h4 {
    font-size: 1.2em;
    color: #a1c130;
}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h2, h3, h4, h5 {
    font-weight: normal;
}

a:link              {color: #006838; text-decoration: none;}
a:visited           {color: #006838; text-decoration: none;}
a:hover             {color: #006838; text-decoration: underline;}
a:focus             {color: #006838; text-decoration: none;}
a:hover,a:active    {outline: none;}

fieldset, img, a img {
    border: 0;
}

img {
    vertical-align: bottom;
}

ul, ol {
    padding: 0 0 0 2em;
}

ol li,
ul ol li    {list-style-type: decimal;}
ul li       {list-style-type: disc;}
ul ul li    {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li    {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

sub {
    vertical-align: sub;
    font-size: 0.85em;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

legend {
    color: #333;
    padding-bottom: .5em; 
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: absolute;
  left: -999em;
}

th          {text-align: center;} 
tbody th    {text-align: left;} 


code {color: #06f;}
code, pre {font-family: "Courier New", monospace, serif; font-size: 1em;}

blockquote, q, em, cite, dfn, i, cite, var, address {
    font-style: italic;
}

blockquote p:before,
blockquote p:after,
q:before,
q:after {
    content: '';
}

th, strong, dt, b {
    font-weight: bold;
}

ins {
    text-decoration: none;
    border-bottom: 3px double #333;
}

del {
    text-decoration: line-through;
} 

abbr, 
acronym {
    border-bottom: 1px dotted #333;
    font-variant: normal;
} 

hr {
    border-style: inset;
    border-width: 1px;
}


h4, h5, h6, p, pre, dt, li, hr, legend, button, textarea, select, address, table {
    margin-bottom: 1em;
}

fieldset {line-height: 1;}


input[type='checkbox'] {
    vertical-align: text-bottom; 
}

input[type='radio'] {
vertical-align: bottom;
}


input, button, textarea, select, optgroup, option {
    font: inherit;
    text-transform:inherit;
    line-height: inherit !important;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  padding: .2em .4em;
}

.clear {
    clear: both;
    height:1px;
    line-height:1px;
}

img, #postIt { 
    behavior: url('/script/iepngfix.htc');
}

/*=====================*/

#wrap{
  width:950px;
  margin:0 auto 0 auto;
  height:100%;
  clear:both;
}

#content {
    clear: both;
    background-image: url("/images/common/content_bkgrd.png");
    background-repeat: repeat-y;
    background-position: top left;
    margin-bottom: 220px;
}

#centreContent{
    width:484px;
    float: right;
    font-size: 1.1em;
    padding:20px 20px 10px 10px;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
}

#centreContent p sub,
#centreContent p sup {
    line-height: 0;
}

#centreContent .imageRight{
  float:right;
  line-height:1.3em;
  text-align:center;
 clear:right;
  font-size:0.8em;
  border-collapse:collapse;
  margin:10px 0 10px 10px !important;
}

#centreContent .imageRight td{padding:0;}

#centreContent .imageRight p{
  font-size:0.8em;
  text-align:center;
  margin:3px 0 0 0;
  padding:0;
}

#centreContent .imageLeft{
  float:left;
  font-size:0.8em;
  text-align:center;
  line-height:1.3em;
  border-collapse:collapse;
  margin:10px 10px 10px 0 !important;
}

#centreContent .imageLeft td{padding:0;}

#centreContent .imageLeft p{
  font-size:0.8em;
  text-align:center;
  margin:3px 0 0 0;
  padding:0;
}

#centreContent img{margin:10px;}

#centreContent img.button {
  margin-left: 0;
}

#centreContent table{
  margin:10px 0;
}

#leftColumn {
    width: 726px;
    float: left;
    margin: 0;
}

#subMenu{
  width:197px;
  float:left;
  padding:8px 15px 10px 0px;
  margin-bottom: 120px;
  line-height: 1.4em;
}

#rightColumn{
    width:212px;
    float:right;
    clear:right;
    padding:20px 0 0 12px;
    background-color: #a1c130;
    overflow: hidden;
    position: relative;
    z-index: 4;
    margin-bottom: 11px;
}

#footerWrap {
    position: relative;
    clear: both;
}

.text_input {
    width:156px;
    height: 20px;
    padding: 6px 7px 5px;
    background-image: url('/images/common/freetext_box.png');
    background-repeat: no-repeat;
    font-size: 12px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    background-color: transparent;
    margin-right: 3px;
}

.go {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
}

p.center {
    text-align: center;
}

/*======================
 * Link icons
 */
a.xls {
    padding: 5px 0 5px 20px;
    background-image: url('/images/icons/page_excel.png');
    background-repeat: no-repeat;
    background-position: center left;
}

a.newWindow {
    padding: 5px 0 5px 20px;
    background-image: url('/images/icons/page_go.png');
    background-repeat: no-repeat;
    background-position: center left;
}

a.csv {
    padding: 5px 0 5px 20px;
    background-image: url('/images/icons/table_go.png');
    background-repeat: no-repeat;
    background-position: center left;
}

a.pdf {
    padding: 5px 0 5px 20px;
    background-image: url('/images/icons/page_white_acrobat.png');
    background-repeat: no-repeat;
    background-position: center left;
}


/*======================
 * Header + navigation
 */
 
#header {
    height: 81px;
    width: 950px;
    padding-top: 19px;
    position: relative;
    z-index: 200;
}

h1{
  width:309px;
  height:51px;
  font-weight:normal;
  font-size:0.2em;
  float:left;
  line-height:1.2em;
  position: relative;
}

h1 span{
  width:309px;
  height:51px;
  position:absolute;
  display: block;
  top:0;
  left:0;
  background:url("/images/common/BD_logo.png") top left #fff no-repeat;
}

#header #socialLinks {
    float: right;
    height: 26px;
    margin-top:3px;
    display: inline;
}

#header form {
    float:right; 
    margin-left: 14px;
    display: inline;
    width: 205px;
}

#navBar {
  height:39px;
  width: 626px;
  background:url("/images/common/menu_bar.png") top left #a1c130 no-repeat;
  margin:0 0 0 0;
  position: absolute;
  right: 0;
  bottom: 2px;
  clear: right;
}

#navBar ul{
  list-style-type:none;
  margin:0;
  padding-left: 10px;
}

#navBar li{
  display:block;  
  float:left;
  font-weight: bold;
  font-size: 13.5px;
  padding-bottom: 11px;
}

#navBar a,#navBar a:link,#navBar a:active,#navBar a:visited{
  color:#fff;
  display:block;
  float:left;
  height:19px;
  text-decoration:none;
  padding:11px 7px 0 8px;
}

#navBar a:hover {
    border-bottom: 3px solid #c1d72e;
}

#navigation ul li {
    z-index: 210;
}

#navigation li.on {
    height: 37px;
    margin-bottom:0;
    background-image: url('/images/common/menu_selected.png');
    background-position: bottom center;
    background-repeat: no-repeat;
}    

.nav_categories a.on {
    border: 0;
}    

#navBar ul ul {
    display: none;
    position: absolute;
    top: 39px;
    left: -4px;
    z-index: 100;
    width: 180px;
    background-image: url('/images/common/dropdownBkgrd.gif');
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #B4CC59;
    border: 2px solid #fff;
    border-top: 0;
    padding-left: 0;
}

#navBar ul ul li {
    width: 180px;
    height: auto;
    padding: 0;
    font-weight: normal; 
    margin: 0;
}

#navBar ul ul li a {
    width: 160px;
    padding: 6px 10px !important;
    margin: 0 !important;
    float: none;
    line-height: 21px;
    height: auto !important;
    border-top: 0px solid #5A9A49;
}

#navBar ul ul li a:hover, 
#navBar ul ul li a.on  {
    color:#006838;
    background-color: #B4CC59;
    border: 0;
}

#navBar li {
    position: relative;
}

/* Position fixes for RH items */
#navBar ul ul#about_usDropDown {
    width: 125px;
/*    left: -15px; */
}

#navBar ul ul#about_usDropDown li {
    width: 125px;
}

#navBar ul ul#about_usDropDown li a {
    width: 105px;
}

#navBar ul ul#contact_usDropDown {
    left: auto;
    right: -11px;
    width: 120px;
}

#navBar ul ul#contact_usDropDown li {
    width: 120px;
}

#navBar ul ul#contact_usDropDown li a {
    width: 100px;
}

#pageHeader {
    position: relative;
    height: 233px;
    width: 950px;
    color: #fff;
    background-position: top left;
    background-repeat: no-repeat;
}

#pageHeader #header_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#pageHeader #header_contents {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 30px 20px 10px 20px;
    width: 460px; /*600 */
}

#pageHeader #header_contents h2,
#pageHeader #header_contents h3,
#pageHeader #header_contents p {
    color: #fff;
}

#pageHeader h2 strong {
    font-size: 1.3em;
}

/*================================
 * Left hand column
 */

#subMenu ul{
  list-style-type:none;
  margin:0;
  padding-left: 0;
}

#subMenu .heading{
  font-size:1.2em;
  margin-top:7px;
}

#subMenu li{
    padding: 2px 0;
    list-style-type: none;
    margin: 0;
    font-size: 1em;
}

#subMenu div {
    padding-top: 1px;
    line-height: 1.2em;
    display: block;
}

#subMenu div.catPages {
   display: none;
}  
.heading a,.heading a:visited,.heading a:active,.heading a:hover,
.sectionHeader a, .sectionHeader a:visited, .sectionHeader a:active, .sectionHeader a:hover {
  color:#A0C230 !important;
}

#subMenu a.on, #subMenu a.on:active, #subMenu a.on:visited, #subMenu a.on:hover{
    font-weight: bold;
}

#subMenu a, #subMenu a:active,#subMenu a:visited,#subMenu a:hover{color:#636466;}

#leftColumn li.heading a,
#leftColumn li.heading span {
    width:175px;
    display: inline-block;
    vertical-align: top;
}

#leftColumn li.heading a.slideControl {
    width: 16px;
    height: 19px;
    display: none;
    padding: 0;
    margin: 0;
    background-image: url('/images/common/slide-plus.png');
    background-repeat: no-repeat;
    background-position: left top;
}

/*================================
 * Right hand column
 */

#rightColumn p {
    margin-bottom: 5px;
}

.featuredRightColumnItem a,
.featuredRightColumnItem a:active,
.featuredRightColumnItem a:visited,
.featuredRightColumnItem a:hover,
.caseStudyItem a,
.caseStudyItem a:active,
.caseStudyItem a:hover,
.caseStudyItem a:visited{color:#F2F99B;}

.featuredRightColumnItem h4 a,
.featuredRightColumnItem h4 a:active,
.featuredRightColumnItem h4 a:visited,
.featuredRightColumnItem h4 a:hover,
.caseStudyItem h4 a,
.caseStudyItem h4 a:active,
.caseStudyItem h4 a:hover,
.caseStudyItem h4 a:visited{color:#227A50;}

.featuredRightColumnItem {
  line-height:1.3em;
  background:url('/images/common/bureau-service-green.gif') top right no-repeat;
  margin-bottom: 20px;
  color: #fff;
  font-size: 1.1em;
  padding-right: 40px;
  width: 172px;
  display: block;
  overflow: hidden;
  position: relative;
}

.caseStudyItem {
  line-height:1.3em;
  background:url('/images/common/case-study-green.gif') top right no-repeat;
  margin-bottom: 20px;
  font-size: 1.1em;
  padding-right: 40px;
  color: #fff;
  width: 172px;
  display: block;
  overflow: hidden;
  position: relative;
}

.featuredRightColumnItem h4,
.caseStudyItem h4 {
    color: #227A50;
    padding:18px 43px 0 0;
    margin:0 0 2px 0 !important;
    font-size: 0.85em;
}

.featuredRightColumnItem h3,
.caseStudyItem h3 {
    margin-bottom: 2px;
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
}

/*================================
 * Main content styles 
 */

#centreContent h3 {
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 1.1em;
}

#centreContent li {
    margin: 0;
}

#centreContent ul {
    margin-bottom: 1em;
}

/*================================
 * Footer
 */

#footer {
    position: absolute;
    width: 910px;    
    padding: 20px;
    height: 153px;
    padding-top: 133px;
    background-image: url('/images/common/footer_bkgrd.png');
    background-repeat: no-repeat;
    top: -332px;
    z-index: 1;
}

#footer h3 {
    display: block;
    width: 100%;
    color: #f2f99b;
    border-bottom: 2px solid #a1c130;
}

#i_want {
    position: absolute;
    top: 125px;
    left: 295px;
    width: 163px;
    padding: 0 20px 0 0;
}

#home #i_want {
    top: 12px;
}

#i_want_to {
    position: absolute;
    top: 125px;
    left: 478px;
    width: 220px;
    padding: 0 20px 0 0;    
}

#home #i_want_to {
    top: 12px;
}

#get_social {
    position: absolute;
    top: 125px;
    left: 720px;
    width: 210px;
    padding: 0 20px 0 0;    
}

#home #get_social {
    top: 12px;
}


#footer ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 10px;
}

#footer ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#footer legend {
    color: #f2f99b;
    font-size: 1.4em;
    margin-bottom: 0;
}

#subFooter {
    margin-top: 20px;
    padding-bottom: 20px;
    width: 950px;
}

#subFooter p {
    float: left;
}

#subFooter .left {
    width: 485px;
    margin-right: 8px;
}

#subFooter .mid {
    width: 196px;
    text-align: center;
}

#subFooter .mid img {
    margin: 0 0 0 1px;
}

#subFooter .right {
    float: right;
    text-align: right;
    width: 260px;
}

/*===============================
 * Post it notes
 */

#postIt {
    width: 170px;
    height: 169px;
    padding: 3px 6px 59px 52px;
    position: absolute;
    top: 128px;
    line-height: 1.2em;
    overflow: hidden;
    text-align: center;
    font-family:georgia;
    background-image: url('/images/common/postit.png');
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);   
}
    
#home #postIt {
    top: 17px;
}
    
#home #postIt div a {
    position: relative;
    z-index: 20;
}

#postIt h3 {
    border: 0;
    padding-top: 47px;
    font-family:georgia;
    color: #006838;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

#postIt p {
    margin-bottom: 0.5em;
    font-size: 12px;
}

#postIt p.attribution {
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
}

#postIt div {
    background-image: none;
    background-position: top right;
    background-repeat: no-repeat;
    width: 170px;
    position: absolute;
    top: 0;
    left: 50px;
}


/*================================
 * Homepage-specific
 */

 
#home #content {
    background-image: none;
    color: #006351;
}

#home #pageHeader {
    background-image: url('/uploads/images/backgrounds/section-home.jpg');
 }
 
#home #footer {
    top: -220px;
    background-position: 0px -113px;
    height: 153px;
    padding-top: 20px;
}

 #perforated {
    width: 910px;
    padding: 10px 20px 20px 20px;
    background-image: url('/images/perforation_left.png');
    background-position: top left;
    background-repeat: repeat-y;
    position: relative;
}

#perforated span.btm {
    position: absolute;
    bottom:0;
    left: 0;
    display: block;
    width: 641px;
    background-color: #fff;
    height: 19px;
    background-image: url('/images/perforation_btm.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}

#perforated p {
    margin-bottom: 6px;
}
#perforated h3 {
    padding-top: 10px;
}

#perforated img.right_image {
    float: right;
    margin-left: 90px;    
}

#home .home_box {
    margin: 10px 10px 10px 0;
    background-image: url('/images/home_green_box.png');
    background-repeat: no-repeat;
    width: 290px;
    height: 217px;
    padding: 20px 0 20px 20px;
    float: left;
    position: relative;
    display: inline;
}

#home .home_box h3 {
    font-size: 1.9em;
}

#home .home_box img {
    float:right;
    display: inline;
    position: relative;
    margin: 12px 2px 0 0;
}

#home .home_box a img {
    float: none;
    position: absolute;
    margin: 0;
    left: 20px;
    bottom: 20px;
}

#home .dotted_thirds {
    margin: 10px 10px 20px 0;
    background-image: url('/images/perforation_left.png');
    background-repeat: repeat-y;
    width: 290px;
    display: inline;
    height: 120px;
    padding: 0 0 20px 20px;
    float: left;
    position: relative;
}

#home .dotted_thirds #tweets {
    overflow: hidden;
    position: relative;
    height: 72px;
    color: #666;
}

#home #tweets p {
    width: 100%;
}

#home .dotted_thirds .right_border{
    display: block;
    position: absolute;
    height: 140px;
    width: 2px;
    top: 0;
    right: 0;
    background-image: url('/images/perforation_left.png');
    background-repeat: repeat-y;
}
    
#home .rightmost {
    margin-right: 0;
}  

.dotted_thirds img {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
}

.dotted_thirds p,
.dotted_thirds h3 {
    width: 190px;
    z-index: 10;
    position: relative;
}

.dotted_thirds a img {
    position: absolute;
    margin: 0;
    left: 20px;
    bottom: 10px;
    top: auto;
    right: auto;
}

#newsletter fieldset {
    display: block;
    width: 210px;
    height: 50px;
    padding: 10px 0;
}

.dotted_thirds h3 {
    padding-top: 17px;
}

#twitter h3 {
    padding-left: 43px;
    padding-bottom: 6px;
    margin-bottom: 5px;
    background-image: url('/images/twitter.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#twitter h3 a {
    color: #03acea;
}

#twitter #twitterLink {
    text-align: right;
    width: 100%;
}

/*================================
 * Other page specific
 */

strong.err {
  color: #006A39;
}

#contactForm {
  border-collapse:collapse;
  margin-bottom: 2em;
  width: 460px;
}

#contactForm td {
  padding:5px 10px 5px 0;
  border:0;
  vertical-align:top;
}

#contactForm .textfield,
#postcodesearch .textfield {
  background-color:#eee;
  border:1px solid #cbcbcb;
  font-size: 1em;
  padding:0 2px 0 2px;
  height:18px;
  width:240px;
  font-family: arial,sans-serif;
}

#contactForm textarea {
  background-color:#eee;
  border:1px solid #cbcbcb;
  padding:0 2px 0 2px;
  height:75px;
  width:240px;
  overflow:auto;
  font-family: arial,sans-serif;
  font-size: 1em;
}

#contactForm input.btn{
  font-weight:bold;
  width:63px;
  height:24px;
}

#contactForm td.submit {
  text-align: right;
}

#contactForm em {
  color: #ee0000;
}

#contactForm .checknradio {
  margin:0 3px 0 0;
}

#webinarForm label {width:100px;}

/* Buy Census Data Forms */

#censusDataForm {
    background-color:#f2f7d9;
    border:1px solid #006A39;
    margin: 1em auto 2em auto;
    padding:6px;
}

#censusDataForm td{
    padding:6px;
    border:0;
}

#censusDataForm fieldset {
    padding: 3px 10px 10px;
}

#censusDataForm fieldset label {
   margin-top: 10px;
}

#censusDataForm fieldset .censusCategory {
   margin-top: 10px;
}

#censusDataForm legend {
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 0 5px;
}

#censusDataForm fieldset #previewandbuy {
    margin: 20px 0 10px 25px;
}

#censusDataForm select {
    width: 248px;
}

#censusDataForm .censusCategory {
    display: block;
    float: left;
    clear: left;
    width: 26px;
    margin-top: 5px;
}

#censusDataForm label {
    display: block;
    font-weight: bold;
    float: left;
    width: 400px;
    margin-top: 2px;
}

#censusDataForm div p {
    display: block;
    clear: left;
    width: 400px;
    margin: 2px 0 2px 26px;
}

.center .submit {
    margin: 1em auto;
}

#censusDataPreviewWindow {
    padding: 10px 15px;
}

#censusDataPreview {
    margin: 10px auto;
}

#censusDataPreviewWindow h2 {
    color: #A1C130;
    margin-top: 15px;
}

#censusDataPreview th {
   padding: 4px 6px;
   border: 1px solid #666;
   font-weight: bold;
   background-color: #B4CC59; 
   color: #006838;
}

#censusDataPreview td {
   padding: 4px 6px;
   background-color: #F2F7D9; 
   border: 1px solid #666;
}

/* Postcode search forms */
   
#postcodesearch fieldset {
   height: 22px;
   line-height: 22px;
   margin: 1.5em auto 2em 0;
}

#postcodesearch .textfield {
   vertical-align: top;
}

#postcodesearch .btn {
    margin-left: 2em;
    margin-bottom: 0;
}

/* P2 tree popup */
#popUpWrapper {
  margin:0 auto 0 auto;
  width:370px;
  background:#fff;
}

#popUpWrapper #header {
   background-position: 210px bottom;
   border-bottom: 4px solid #006A39;
   margin-bottom: 5px;
}

#popUpContent {
   padding: 4px 5px 8px;
}

.purpleTable{
  width:457px;
  background:#f2f7d9;
  border-collapse:collapse;
  table-layout: fixed;
  margin:10px 0 10px 0;
}

.purpleTable td{
  background:#f2f7d9;
  border:1px solid #636466;
  padding:4px;
  overflow: hidden;
}

.purpleTable th,
.purpleTable .heading td {
  background:#d7ef83;
  border:1px solid #636466;
  padding:4px;
  font-size:1em;
  font-weight:bold;
  text-align: center;
}

#centerColumn .purpleTable p {
    margin: 0;
}