/* Section-specific styling */



/* Section portal tables */
table.portal {border: 0;}
table.portal td {padding: 5px;}
table.portal td.title {vertical-align: top; text-align: right; font-weight: bold; font-style: italic;}
table.portal td.title a {display: block; width: 7em; height: 100%;}
table.portal td:nth-child(2) {padding-left: 15px;}
.contacts {margin-left: 30px;}
table.contacts td {padding: 6px; vertical-align: top;}
table.contacts col.type {font-weight: bold; text-align: right;}

/* 'Border' table style */
table.border td, table.border th {border: 2px #eeeeee solid; padding: 8px;}
table.border {border: 1px; border-collapse: collapse; border-spacing: 0;}

/* 'Lines' table style */
table.lines {border-collapse: collapse; width: auto;}
.lines td, .lines th {border-bottom: 1px solid #e9e9e9; padding: 6px 4px 2px 4px; vertical-align: top;}
/*.lines td:first-child {width: 150px;}*/
.lines tr:first-child {border-top: 1px solid #e9e9e9;}
table.lines h2 {border-bottom: 0}

/* Events listing */
table.events {table-layout: fixed;}
table.events col.date {width: 50px;}
table.events col.icon {width: 60px;}
table.events td.icon img {width: 30px; height: 30px; padding: 0 15px;}
table.events p.jumpup img {padding: 2px; width: 29px; height: 11px;}
table.events td {padding: 8px 0; vertical-align: top;}
table.results {border-collapse: collapse; width: auto;}
.results td, .results th {border-bottom: 1px solid #e9e9e9; padding: 6px 4px 2px 4px; vertical-align: top;}
table.results td.key {font-weight: bold; color: gray;}

/* Styles for particular features on the site */
p.signature {text-align: right; font-style: italic;}
.pushbutton:hover {position: relative; top: 2px; left: 2px;}
.urgent, .error, .warning {color: red;}
.comment {color: gray;}
.pdf {color: #c03;}
.pdf img {border: 0; vertical-align: middle;}

/* Box style in various pages throughout the site */
div.box {padding: 4px 12px;}
div.box, div.warningbox {background-color: #fff9e3; border-top: 1px dashed gray; border-bottom: 1px dashed gray; margin-bottom: 15px;}
div.box h2 {border-bottom: none;}
div.warningbox {padding: 5px; margin-top: 30px; border: 1px solid red; font-style: italic; font-weight: bold;}

/* Article boxes */
div.highlight, p.highlight {padding: 8px 12px; border: 1px dashed #bbb; margin: 10px 0;}

/* Callouts (based on http://www.mikepick.com/news/archives/000106.html) */
div.callout {float: right; width: 50%; padding: 10px 0 10px 14px; margin: 0; font-family: Lucida Grande, Tahoma, sans-serif; font-size: 1.4em; line-height: 22px; color: #888; text-indent: 30px; text-align: right;}
div.callout:first-line {font-size: 1.8em; line-height: 36px; color: #888;}
div.callout:first-letter {font-size: 1.4em; padding-right: 2px;}

/* Blockquotes */
blockquote {font-style: italic;}

/* Newsletter article header */
div.newslettercoverlink {height: 160px; text-align: right;}
div.newslettercoverlink img {float: right; border: 1px solid; margin: 0 50px 0 20px; width: 100px;}
div.newslettercoverlink h3 {margin-top: 3em;}
div.newslettercoverlink * {text-align: right; font-style: italic;}
div.newslettercoverlink p {color: gray;}

div.newsletterlargercoverimage { height: 280px; }
div.newsletterlargercoverimage img { width: 178px; }

ul.newsletterreference {font-style: italic; font-weight: bold;}
ul.newsletterarticletrail {float: right; margin: -0.6em 0 0 0; padding: 0;}
ul.newsletterarticletrail li {display: inline;}
ul.newsletterarticletrail img {width: 30px; border: 0; vertical-align: bottom;}

/* Previous newsletters */
table.previousnewsletters td {padding: 15px 0 25px; vertical-align: top; border-bottom: 1px solid #ddd;}
table.previousnewsletters td:first-child {width: 125px;}
table.previousnewsletters img {width: 100px; height: 135px /* should be 140 for new, 120 for old */; margin: 5px 15px 5px 0; box-shadow: 5px 5px 10px 0px #999;}
table.previousnewsletters h3 {margin: 0 0 10px;}
table.previousnewsletters p {margin: 10px 0;}

/* Contact details - see http://archivist.incutio.com/viewlist/css-discuss/27940 */
dl.contacts dt {font-weight: bold; text-align: right; float: left; width: 10em; margin: 0 0 1em 0; /* margin: match the dd */}
dl.contacts dd {clear: right; margin: 0 0 1em 11em; /* margin: match the dt except for the left margin */}

/* Acronyms, abbreviations, definitions */
acronym, abbr, defn {cursor: help; border-bottom: 1px dotted #000;}

/* Numeric data tables */
table.numericdata td, table.numericdata th {text-align: right;}
table.numericdata caption {font-size: 120%; font-style: italic; font-weight: bold; margin-bottom: 0.5em;}

/* Consultations table */
table.consultations td {text-align: left;}
table.consultations td span.pdf {display: block; width: 6em;}

/* Issues list */
div.campaigning .sitemap li {font-weight: normal; padding-top: 0;}

/* Committee */
.committee div.person {height: 150px; float: left; width: 265px; border/*-bottom*/: 1px solid #ddd; padding: 10px 10px 0; margin: 0 10px 10px 0;}
.committee div.person:hover {background-color: #fcfcfc; border-color: #aaa;}
.committee #hod {display: block; height: 190px; margin-bottom: 10px;}
.committee #hod p.hod {margin: 0 0 10px; color: #666;}
.committee #hod div.person {margin-top: 0; height: 160px;}
.committee div.person h3 {margin: 0px;}
.committee div.person p {text-align: left; margin-top: 10px;}
.committee div.person img, .committee span.photograph {float: left; width: 100px; height: 140px; border: 1px solid #999; margin-right: 10px;}
.committee p.phone {margin-left: 110px; border-bottom: 1px solid #eee;}
.committee p.phone img {width: 19px; height: 13px; border: 0; margin-right: 2px;}
.committee span.photograph {border: 1px dashed #eee;}
.committee div.person hr {display: none;}

/* Map request form */
.resources-map p.completion {color: red; font-weight: bold;}

/* Gallery */
div.campaigning-issues-libraryparking div.gallery div.image {height: 410px; width: 95%; padding-top: 10px; border-bottom: 1px solid #ddd;}
div.campaigning-issues-libraryparking div.gallery div.image img {margin: 0; float: left; text-align: right;}
div.campaigning-issues-libraryparking div.gallery div.image p {padding-left: 410px;}
div.campaigning-issues-libraryparking div.gallery div.image a {background: 0;}	/* Switch off external link arrow */

/* Netherlands trip */
div.events-visits-netherlands div.image {width: 402px; height: 450px; border: 0px solid #eee;}
div.events-visits-netherlands div.gallery div.image {margin-right: 7px; text-align: left;}
div.events-visits-netherlands div.gallery div.image a {background: 0;}	/* Switch off external link arrow */
div.events-visits-netherlands div.gallery img {margin-bottom: 0;}
div.events-visits-netherlands div.gallery p {font-style: italic; width: 90%; margin-top: 0; text-align: left;}

/* Ely trip */
/* #!# Simplify this stuff as it's repeated above */
div.events-rides-2006-ely div.image {width: 402px; height: 450px; border: 0px solid #eee;}
div.events-rides-2006-ely div.gallery div.image {margin-right: 7px; text-align: left;}
div.events-rides-2006-ely div.gallery div.image a {background: 0;}	/* Switch off external link arrow */
div.events-rides-2006-ely div.gallery img {margin-bottom: 0;}
div.events-rides-2006-ely div.gallery p {font-style: italic; width: 90%; margin-top: 0; text-align: left;}
div.events-rides-2006-berrypicking div.image {width: 402px; height: 450px; border: 0px solid #eee;}
div.events-rides-2006-berrypicking div.gallery div.image {margin-right: 7px; text-align: left;}
div.events-rides-2006-berrypicking div.gallery div.image a {background: 0;}	/* Switch off external link arrow */
div.events-rides-2006-berrypicking div.gallery img {margin-bottom: 0;}
div.events-rides-2006-berrypicking div.gallery p {font-style: italic; width: 90%; margin-top: 0; text-align: left;}

div.events-rides-camcycle2050-2007 a, div.events-rides-camcycle2050-2008 a {background-image: none;}
div.events-rides-camcycle2050-2007 a[target=external]:link, div.events-rides-camcycle2050-2007 a[target=external]:visited, div.events-rides-camcycle2050-2007 a[target=_blank]:link, div.events-rides-camcycle2050-2007 a[target=_blank]:visited {background-image: none; padding-right: 0;}
div.events-rides-camcycle2050-2008 a[target=external]:link, div.events-rides-camcycle2050-2008 a[target=external]:visited, div.events-rides-camcycle2050-2008 a[target=_blank]:link, div.events-rides-camcycle2050-2008 a[target=_blank]:visited {background-image: none; padding-right: 0;}

/* Conference */
div.events-conferences-cambridge2008 table td.highlight {background-color: lavender;}

/* Table of contents */
#toc {width: 40%; float: right; border: 1px solid #000; margin: 0 0 20px 20px; padding: 10px; background: #f7f7f7;}
#toc li {list-style: none; font-size: 0.9em;}
#toc .level2 { margin-left: 1em; }
#toc .level3 { margin-left: 2em; }
#toc .level4 { margin-left: 3em; }
#toc .level5 { margin-left: 4em; }
#toc .level6 { margin-left: 5em; }

/* Elections */
@media print {
	div.elections {font-size: 10pt;}
	div.elections #location, div.elections h1, div.elections h2, div.elections #footer {display: none;}
	div.elections #content {width: 90%;}
	div.elections .pagebreak {page-break-after: always;} /* Done this way to avoid first page being blank */
	div.elections table.header {width: 100%;}
}
div.elections table.header td.letterhead {text-align: top; width: 45%;}
div.elections table.header td.letterhead p {text-align: right;}
div.elections table.header td.address {text-align: top; padding-top: 3cm; padding-left: 1cm; width: 7cm;}
div.elections hr {height: 2px; color: gray;}
div.elections p.links {margin-bottom: 0; text-indent: 1.9em; font-size: 0.92em; color: gray;}
div.elections ul.links {margin-top: 2px; font-size: 0.92em;}
div.elections h4.question {margin-top: 2.5em; border-bottom: 1px solid #d7d7d7; padding-bottom: 2px; margin-bottom: 0;}
div.elections h4 span {font-weight: normal;}
div.elections p.noresponse {margin-left: 2em;}
div.elections table.questions td.value p {margin-top: 0;}
div.elections table tr.elected td, div.elections span.elected {background-color: #ddd;}
div.elections span.elected {padding: 2px 4px;}

/* Cycling 2020 colour schemes and layout */
div.cycling2020 #menu ul li ul.cycling2020 {padding-bottom: 3em;}
div.cycling2020 #menu ul li ul.cycling2020 li a {text-align: left;}
div.cycling2020 h2 {font-size: 1.4em; margin-top: 2em;}
div.cycling2020 #topnavigation ul.navigation {clear: none;}
div.cycling2020 ul.navigation {float: right; margin: 0; padding: 0; list-style: none;}
div.cycling2020 ul.navigation img {width: 30px; height: 30px; border: 0;}
div.cycling2020 ul.navigation li {display: inline;}
div.cycling2020 hr.navigation {clear: right; margin-top: 3em;}
div.cycling2020 p.contents {margin-left: 8em; margin-bottom: 2.5em; font-style: italic; color: #555;}
div.cycling2020 img.contents {float: right;}
div.cycling2020 ul.contents {padding-top: 5px; margin-left: 0; padding-left: 0; list-style: none; width: 391px;}
* html div.cycling2020 ul.contents {padding-top: 5px; margin-left: 0; padding-left: 0; list-style: none; width: 388px;}
div.cycling2020 ul.contents li {font-size: 1.25em; margin-top: 7px;}
div.cycling2020 ul.contents li a {color: #1b1c20; display: block; border: 1px solid white; border-right-width: 0; padding: 3px 5px;}
* html div.cycling2020 ul.contents li a {width: 375px;}
div.cycling2020 ul.contents li a:hover {background-color: transparent; color: #333; border-color: #333;}
div.cycling2020 ul.contents li.foreword, div.cycling2020 ul.contents li.conclusion {border: 1px solid #ccc;}
div.cycling2020 ul.contents li strong {width: 100px;}
div.cycling2020 p.download a, div.cycling2020 p.colophon a {color: #666;}
div.cycling2020 #content {border-left: 50px solid white; padding-left: 15px; min-height: 500px;}
* html div.cycling2020 #content {height: 500px;}
div.cycling2020 #content h1 {text-align: left; font-weight: normal; font-size: 1.9em; /* font-family: "Century Gothic", arial, sans-serif; */ font-style: normal; border-bottom: 2px solid #ddd; margin-bottom: 0;}
div.cycling2020 #content h1 span {color: #ddd;}
div.cycling2020 #content h1.contents {text-align: center;}
div.cycling2020 p#continued {text-align: right; font-style: italic; margin-top: 1px;}
div.cycling2020 p#continued, div.cycling2020 p#continued a {color: #aaa;}
div.cycling2020 p#continued a {border-bottom: 1px solid #eee;}
div.cycling2020-foreword div.graybox {margin-top: 10px;}
div.cycling2020 #introduction {margin-top: 20px; padding-top: 40px;}
div.cycling2020 #introduction img, div.cycling2020 #introduction strong {position: relative; top: -30px;}
div.cycling2020 #introduction img, div.cycling2020 #introduction .montage {float: right; margin-left: 10px; top: -25px;}
div.cycling2020 #introduction .montage {width: 326px;}
div.cycling2020 #introduction .montage img, div.cycling2020 #introduction img.normal {position: normal;}
div.cycling2020 #introduction .montage img, div.cycling2020 #introduction img.normal {float: right; margin: 0; top: 0;}
div.cycling2020 #introduction img.normal.left {float: left;}
div.cycling2020 #introduction strong {border-right: 10px solid transparent; font-size: 1.7em; font-weight: normal; color: white; background-color: green; opacity: 0.75; padding: 10px; display: block; width: 30%; float: right; right: -40px;}
div.cycling2020 #introduction strong {filter: alpha(opacity=75); -moz-opacity: .75;} /* Hack to add vendor-specific support for opacity while CSS3 support unavailable - see www.quirksmode.org/css/opacity.html */
div.cycling2020 #introduction ul {margin-left: 20px; padding-left: 0; list-style: none; margin-top: 20px; width: 380px;}
div.cycling2020 #introduction ul li {font-size: 1.2em; padding-bottom: 0.3em; text-align: left;}
div.cycling2020 #introduction ul li span {font-size: 0.73em; text-transform: uppercase; color: gray; white-space: nowrap;}
div.cycling2020 #introduction ul li a {background: url(/cycling2020/images/bullet.gif) no-repeat left 6px; padding-left: 20px; border-bottom: 1px solid #ddd; display: block;}
div.cycling2020 #introduction #advert {border: 1px solid #999; padding: 20px; width: 50%;}
div.cycling2020 #conclusion {margin: 30px 0 0 40px; border: 1px solid white; padding: 10px 40px 10px 20px; font-size: 1.2em;}
div.cycling2020 .callout {background: url(/cycling2020/images/openquote.gif) no-repeat left 10px; padding: 10px 0 0 0; font-style: italic; width: 40%; margin: 0 10px 10px 20px; font-size: 1.15em; line-height: 1.2em;}
div.cycling2020 #introduction .callout {width: 35%;}
div.cycling2020 .callout p {background: url(/cycling2020/images/closequote.gif) no-repeat right bottom; display: block; padding: 0 25px 0 0; margin-bottom: 5px; text-align: right;}
div.cycling2020 .callout.left {float: left; margin: 0 20px 10px 10px;}
div.cycling2020 p.caption {color: #999; font-size: 0.8em;}
div.cycling2020-newdevelopments p.caption {float: right; width: 290px; margin-left: 20px;}
div.cycling2020-legislation p.caption {width: 450px; margin-right: 20px;}
div.cycling2020-newdevelopments #conclusion a, div.cycling2020-newdevelopments #advert a {color: #00a6a4;}
div.cycling2020 #casestudy {border: 1px solid white; padding: 10px; margin-top: 10px; background-color: #eee;}
div.cycling2020 #casestudy p.casestudy {float: right; margin-top: 0; font-style: italic; color: gray; font-weight: bold; font-size: 1.3em;}
div.cycling2020-about #content h1 {margin-bottom: 3em;}

div.cycling2020 .foreword, div.cycling2020 .conclusion, div.cycling2020 .about {background-color: white;}
div.cycling2020-foreword #content, div.cycling2020-conclusion #content, div.cycling2020-about #content {border-color: #00a6a4;}
div.cycling2020-foreword #content h1, div.cycling2020-conclusion #content h1, div.cycling2020-about #content h1 {color: #00a6a4;}

div.cycling2020 .whycycling {background-color: #9ed0d0;}	/* Pastel version of section colour */
div.cycling2020-whycycling #content, div.cycling2020-whycycling #casestudy {border-color: #00a6a4;}	/* Main section colour */
div.cycling2020-whycycling #content h1, div.cycling2020-whycycling #introduction, div.cycling2020-whycycling #introduction ul li a {color: #00a6a4;}	 /* Main section colour */
div.cycling2020-whycycling #introduction strong {color: #00a6a4; background-color: #9ed0d0; border-color: #00a6a4;}	/* Pastel version; section colour x2 */
div.cycling2020-whycycling h2 {color: #00a6a4;}	/* Main section colour */
div.cycling2020-whycycling #conclusion {color: #00a6a4; border-color: #00a6a4;}	/* Main section colour; pastel version */
div.cycling2020-whycycling #introduction ul li a:hover, div.cycling2020-whycycling .callout {color: #e2284f;}	/* Next section main colour */

div.cycling2020 .providingforcycling {background-color: #ed9ea3;}
div.cycling2020-providingforcycling #content, div.cycling2020-providingforcycling #casestudy {border-color: #e2284f;}
div.cycling2020-providingforcycling #content h1, div.cycling2020-providingforcycling #introduction, div.cycling2020-providingforcycling #introduction ul li a {color: #e2284f;}
div.cycling2020-providingforcycling #introduction strong {color: #e2284f; background-color: #ed9ea3; border-color: #e2284f;}
div.cycling2020-providingforcycling h2 {color: #e2284f;}
div.cycling2020-providingforcycling #conclusion {color: #e2284f; border-color: #e2284f;}
div.cycling2020-providingforcycling #introduction ul li a:hover, div.cycling2020-providingforcycling .callout {color: #4898d3;}

div.cycling2020 .badinfrastructure {background-color: #b5cfeb;}
div.cycling2020-badinfrastructure #content, div.cycling2020-badinfrastructure #casestudy {border-color: #4898d3;}
div.cycling2020-badinfrastructure #content h1, div.cycling2020-badinfrastructure #introduction, div.cycling2020-badinfrastructure #introduction ul li a {color: #4898d3;}
div.cycling2020-badinfrastructure #introduction strong {color: #4898d3; background-color: #b5cfeb; border-color: #4898d3;}
div.cycling2020-badinfrastructure h2 {color: #4898d3;}
div.cycling2020-badinfrastructure #conclusion {color: #4898d3; border-color: #4898d3;}
div.cycling2020-badinfrastructure #introduction ul li a:hover, div.cycling2020-badinfrastructure .callout {color: #e16630;}

div.cycling2020 .barriers {background-color: #ecaf8f;}
div.cycling2020-barriers #content, div.cycling2020-barriers #casestudy {border-color: #e16630;}
div.cycling2020-barriers #content h1, div.cycling2020-barriers #introduction, div.cycling2020-barriers #introduction ul li a {color: #e16630;}
div.cycling2020-barriers #introduction strong {color: #e16630; background-color: #ecaf8f; border-color: #e16630;}
div.cycling2020-barriers h2 {color: #e16630;}
div.cycling2020-barriers #conclusion {color: #e16630; border-color: #ecaf8f;}
div.cycling2020-barriers #introduction ul li a:hover, div.cycling2020-barriers .callout {color: #b070ab;}

div.cycling2020 .roadspace {background-color: #d4bbd9;}
div.cycling2020-roadspace #content, div.cycling2020-roadspace #casestudy {border-color: #b070ab;}
div.cycling2020-roadspace #content h1, div.cycling2020-roadspace #introduction, div.cycling2020-roadspace #introduction ul li a {color: #b070ab;}
div.cycling2020-roadspace #introduction strong {color: #b070ab; background-color: #d4bbd9; border-color: #b070ab;}
div.cycling2020-roadspace h2 {color: #b070ab;}
div.cycling2020-roadspace #conclusion {color: #b070ab; border-color: #b070ab;}
div.cycling2020-roadspace #introduction ul li a:hover, div.cycling2020-roadspace .callout {color: #168869;}

div.cycling2020 .primaryroutes {background-color: #9dc1b2;}
div.cycling2020-primaryroutes #content, div.cycling2020-primaryroutes #casestudy {border-color: #168869;}
div.cycling2020-primaryroutes #content h1, div.cycling2020-primaryroutes #introduction, div.cycling2020-primaryroutes #introduction ul li a {color: #168869;}
div.cycling2020-primaryroutes #introduction strong {color: #168869; background-color: #9dc1b2; border-color: #168869;}
div.cycling2020-primaryroutes h2 {color: #168869;}
div.cycling2020-primaryroutes #conclusion {color: #168869; border-color: #168869;}
div.cycling2020-primaryroutes #introduction ul li a:hover, div.cycling2020-primaryroutes .callout {color: #1b1c20;}	/* Darker version as next section main colour is too light */

div.cycling2020 .traffic {background-color: #cac9c2;}
div.cycling2020-traffic #content, div.cycling2020-traffic #casestudy {border-color: #9b9588;}
div.cycling2020-traffic #content h1, div.cycling2020-traffic #introduction, div.cycling2020-traffic #introduction ul li a {color: #9b9588;}
div.cycling2020-traffic #introduction strong {color: #9b9588; background-color: #cac9c2; border-color: #9b9588;}
div.cycling2020-traffic h2 {color: #9b9588;}
div.cycling2020-traffic #conclusion {color: #9b9588; border-color: #9b9588;}
div.cycling2020-traffic #introduction ul li a:hover, div.cycling2020-traffic .callout {color: #e7768f;}

div.cycling2020 .legislation {background-color: #f0bec7;}
div.cycling2020-legislation #content, div.cycling2020-legislation #casestudy {border-color: #e7768f;}
div.cycling2020-legislation #content h1, div.cycling2020-legislation #introduction, div.cycling2020-legislation #introduction ul li a {color: #e7768f;}
div.cycling2020-legislation #introduction strong {color: #e7768f; background-color: #f0bec7; border-color: #e7768f;}
div.cycling2020-legislation h2 {color: #e7768f;}
div.cycling2020-legislation #conclusion {color: #e7768f; border-color: #e7768f;}
div.cycling2020-legislation #introduction ul li a:hover, div.cycling2020-legislation .callout {color: #3c4e75;}

div.cycling2020 .cycleparking {background-color: #9998b6;}
div.cycling2020-cycleparking #content, div.cycling2020-cycleparking #casestudy {border-color: #3c4e75;}
div.cycling2020-cycleparking #content h1, div.cycling2020-cycleparking #introduction, div.cycling2020-cycleparking #introduction ul li a {color: #3c4e75;}
div.cycling2020-cycleparking #introduction strong {color: #3c4e75; background-color: #9998b6; border-color: #3c4e75;}
div.cycling2020-cycleparking h2 {color: #3c4e75;}
div.cycling2020-cycleparking #conclusion {color: #3c4e75; border-color: #3c4e75;}
div.cycling2020-cycleparking #introduction ul li a:hover, div.cycling2020-cycleparking .callout {color: #0099c0;}

div.cycling2020 .crossings {background-color: #9dd1e7;}
div.cycling2020-crossings #content, div.cycling2020-crossings #casestudy {border-color: #0099c0;}
div.cycling2020-crossings #content h1, div.cycling2020-crossings #introduction, div.cycling2020-crossings #introduction ul li a {color: #0099c0;}
div.cycling2020-crossings #introduction strong {color: #0099c0; background-color: #9dd1e7; border-color: #0099c0;}
div.cycling2020-crossings h2 {color: #0099c0;}
div.cycling2020-crossings #conclusion {color: #0099c0; border-color: #0099c0;}
div.cycling2020-crossings #introduction ul li a:hover, div.cycling2020-crossings .callout {color: #853986;}

div.cycling2020 .newdevelopments {background-color: #bf99c3;}
div.cycling2020-newdevelopments #content, div.cycling2020-newdevelopments #casestudy {border-color: #853986;}
div.cycling2020-newdevelopments #content h1, div.cycling2020-newdevelopments #introduction, div.cycling2020-newdevelopments #introduction ul li a {color: #853986;}
div.cycling2020-newdevelopments #introduction strong {color: #853986; background-color: #bf99c3; border-color: #853986;}
div.cycling2020-newdevelopments h2 {color: #853986;}
div.cycling2020-newdevelopments #conclusion {color: #853986; border-color: #853986;}
div.cycling2020-newdevelopments #content #introduction ul li a:hover, div.cycling2020-newdevelopments .callout {color: #00a6a4;}

/* New developments paper */
ul.arrowlist {margin-left: 20px; padding-left: 0; list-style: none; margin-top: 20px; margin-bottom: 2em; width: 600px;}
ul.arrowlist li {font-size: 1.15em; padding-bottom: 0.15em; text-align: left;}
ul.arrowlist li span {font-size: 0.73em; text-transform: uppercase; color: gray; white-space: nowrap;}
ul.arrowlist li a {background: url(/cycling2020/images/bullet.gif) no-repeat left 6px; padding-left: 20px; border-bottom: 1px solid #ddd; display: block;}
div.planning-guidance-newdevelopments h4 {margin-left: 8em; font-style: italic; font-size: 1.3em; margin-top: 0; padding-top: 0;}
div.planning-guidance-newdevelopments #topnavigation ul.navigation {clear: none;}
div.planning-guidance-newdevelopments ul.navigation {float: right; margin: 0; padding: 0; list-style: none;}
div.planning-guidance-newdevelopments ul.navigation img {width: 30px; height: 30px; border: 0;}
div.planning-guidance-newdevelopments ul.navigation li {display: inline;}
_body.planning-guidance-newdevelopments #content p, div.planning-guidance-newdevelopments #content ul {margin-left: 40%;}
_body.planning-guidance-newdevelopments #content img.left {float: right;}

/* Cycle Parking Guide */
div.resources-cycleparking-guide #tagline {font-size: 1.4em; font-style: italic;}
div.resources-cycleparking-guide ul#download {float: right; list-style: none; font-size: 1.3em; padding: 10px; margin-right: 8px; border: 1px dashed gray; background-color: #f7f7f7;}
div.resources-cycleparking-guide img#cover {float: right; clear: right; border: 0;}
div.resources-cycleparking-guide #contents {margin-top: 4.5em;}
div.resources-cycleparking-guide #contents p strong {display: block; font-size: 1.2em; margin: 0; padding: 1em 0 0px;}
div.resources-cycleparking-guide #contents ul {list-style: none; margin: 0; padding: 0;}
div.resources-cycleparking-guide #contents ul li {font-size: 0.93em; margin: 0; padding: 0 0 2px; text-align: left;}
div.resources-cycleparking-guide #contents a {color: #333; border-bottom: 1px solid #ddd; padding: 0;}
div.resources-cycleparking-guide ul.navigation {clear: right; position: relative; top: -10px; float: right; margin: 0; padding: 0; list-style: none;}
div.resources-cycleparking-guide ul.navigation img {width: 30px; height: 30px; border: 0;}
div.resources-cycleparking-guide ul.navigation li {display: inline;}
div.resources-cycleparking-guide hr.navigation {clear: right; margin-top: 3em;}

/* Do it by Cycle */
table.jumpto td {vertical-align: top;}
table.jumpto p, table.jumpto ul li {font-size: 0.93em;}
a.flv {display: block;}
a.flv, a.flv img {width: 480px; height: 360px; border: 0;}	/* Actual FLV size is 352x288 */


td.streets1 {width: 30%; padding: 0 10px 5px 0; vertical-align: top;}
td.streets2 {width: 65%; vertical-align: top;}
td.streets2 input {width: 95%;}


/* Membership */
div.membershipbox {border-width: 4px; margin-top: 3em; margin-bottom: 2.5em;}
div.membershipbox a {font-size: 1.35em;}

/* Vision 2016 */
div.vision2016 #menu ul li ul.vision2016 {padding-bottom: 3em;}
div.vision2016 #menu ul li ul.vision2016 li a {text-align: left;}
div.vision2016 #topnavigation ul.navigation {clear: none;}
div.vision2016 ul.navigation {float: right; margin: 0 0 0 20px; padding: 0; list-style: none;}
div.vision2016 ul.navigation img {width: 30px; height: 30px; border: 0;}
div.vision2016 ul.navigation li {display: inline;}

/* Newsletter survey */
div.newsletters-survey form table td.title {width: 220px;}
div.newsletters-survey form table tr.heading td, div.newsletters-survey form table tr.select td, div.newsletters-survey form table tr.textarea td {padding-top: 3em;}
div.newsletters-survey form table label {margin-right: 1em;}
div.newsletters-survey form table tr.radiobuttons input[id*='NULL'] {opacity: 0.3;}
div.newsletters-survey form table tr.radiobuttons input[id*='NULL'] {zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3;} /* Vendor-specific opacity implementations; see: http://css-tricks.com/64-css-transparency-settings-for-all-broswers/ */



div.twtr-hd { display: none; }
div.twtr-tweets {
  font-family: "trebuchet MS", arial, helvetica, sans-serif !important ;
}
div.twtr-tweet-text {
  margin-left: 0 !important;
}
div.twtr-tweet-text p {
  text-align: left !important;
  line-height: 15px !important;
}
div.twtr-tweet-wrap {
    padding: 6px 0 6px 0 !important;
}
a.twtr-reply {
  visibility: visible !important;
}
div.twtr-ft { display: none; }
.twtr-avatar { 
  float:left !important ;
  height: 30px !important;
}

div.twtr-tweets a[target=_blank]:link, 
div.twtr-tweets a[target=_blank]:visited {
   background-image: none; padding-right: 0;}
a.twtr-user { display: none !important; }

.blog a[href="https://www.camcycle.org.uk/blog/wp-login.php?action=lostpassword"] { display: none; }


/* Mobile layout overrides */
@media screen and (max-width: 480px) {
	div.newsletterlistings td.title {width: auto;}
}