/* m-1145~/static/email-subscription/css/email-subscription.css */
.email-subscription-promo {
    background: #f5f5f5;
    display: none;
    float: left;
    padding: 10px;
    position: relative;
    width: 440px;
}
.email-subscription-promo__image {
    float: left;
    padding: 0 10px 0 0;
    width: 140px;
}
.email-subscription-promo__description {
    display: inline-block;
    float: left;
    width: 290px;
}
.email-subscription-promo__title {
    color: #005689;
    font: 16px/1.4 Georgia, serif;
    margin: 0 0 4px 0;
    padding: 0;
}
.email-subscription-promo__copy {
    color: #333;
    font: 12px/1.4 Arial, sans-serif;
    margin: 0 0 6px !important;
    padding: 0;
}
.email-subscription-promo__link {
    background: #009bcf;
    color: #fff;
    cursor: pointer;
    font: 12px/1 Arial, sans-serif;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
}
.email-subscription-promo__close {
    cursor: pointer;
    margin: 0;
    display: none;
    position: absolute;
    right: -4px;
    top: -4px;
}
/* m-1145~/static/outbrain/style_v2.css */
.outbrain-container {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px dotted #999;
    margin-bottom: 10px;
    display: none;
    clear: both;
}

.outbrain-container .OUTBRAIN {
    width: 300px;
    float: left;
}
.outbrain-container .OUTBRAIN.first {
    margin-right: 10px;
}
.outbrain-container .ob_box_cont ul,
.outbrain-container .ob_org_header div,
.outbrain-container .ob_what {
    background-color: transparent;
}

.ob_org_header.b1 {
    border-top-width: 10px;
    border-top-style: solid;
    display: block;
}
.ob_org_header.b1 div {
    border: 0;
}
.odb_li {
    border-top: 1px dotted #333;
    padding: 3px 0 7px 0;
}

.outbrain-container .explainer-link {
    float: right;
    margin-top: 2px;
}
.ob_what { display: none; }


/* Overlay */
.outbrain-explainer {
    position: absolute;
    font-size: 12px;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    background: white;
    z-index: 100;
    width: 260px;
    display: none;
}
.outbrain-explainer h2 {
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.outbrain-explainer .close {
    background: transparent url(636a0108f68bf0a76b6cd8a88e44a32c6bee7568.gif)  no-repeat 0 0;
    float: right;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: -10px -10px 0 0px;
}
/* m-1541~static/css/gigantic.css */
.component .gigantic-pixie-bar .hd {
	border-top-style: solid !important;
	border-top-width: 3px !important;
	margin-bottom: 5px;
	min-height: 29px;
	padding-bottom: 14px;
	padding-top: 4px;
}

 .component .gigantic-pixie-bar .hd h2 {
	padding-left: 5px !important;
	padding-right: 5px !important;
	font-size: 18px;
	font-weight: normal !important;
	line-height: 21px;
	border-top: medium none !important;
}

.gigantic-pixie-bar {
	background-color: #ededed;
	padding: 0;
	overflow: hidden;
}

.gigantic-pixie-bar li {
	margin-bottom: 10px;
	padding: 0 5px;
}

.gigantic-pixie-bar a {
	display: block;
}

.gigantic-pixie-bar a:hover {
	text-decoration: none;
}

.gigantic-pixie-bar .image-clip {
	overflow: hidden;
	position: relative;
}

.gigantic-pixie-bar .image-clip img {
	float: left;
	margin: 0 -5px;
}

.gigantic-pixie-bar h3 {
	font-size: 16px;
	min-height: 40px;
	padding: 5px;
	color: #fff;
	background-color: #666;
}

.gigantic-pixie-bar .section-name {
	bottom: 1px;
	color: #fff;
	display: none;
	left: 0;
	padding: 5px;
	position: absolute;
}

.gigantic-pixie-bar .world,
.gigantic-pixie-bar .science,
.gigantic-pixie-bar .society,
.gigantic-pixie-bar .politics,
.gigantic-pixie-bar .technology,
.gigantic-pixie-bar .theguardian,
.gigantic-pixie-bar .uk,
.gigantic-pixie-bar .education,
.gigantic-pixie-bar .law,
.gigantic-pixie-bar .weather,
.gigantic-pixie-bar .news,
.gigantic-pixie-bar .theobserver,
.gigantic-pixie-bar .global-development,
.gigantic-pixie-bar .media {
	background-color: #d61d00;
}

.gigantic-pixie-bar .sport,
.gigantic-pixie-bar .football {
	background-color: #008000;
}

.gigantic-pixie-bar .money,
.gigantic-pixie-bar .local-government-network,
.gigantic-pixie-bar .housing-network {
	background-color: #8f1ab6;
}

.gigantic-pixie-bar .culture,
.gigantic-pixie-bar .artanddesign,
.gigantic-pixie-bar .books,
.gigantic-pixie-bar .film,
.gigantic-pixie-bar .music,
.gigantic-pixie-bar .stage,
.gigantic-pixie-bar .tv-and-radio,
.gigantic-pixie-bar .extra,
.gigantic-pixie-bar .childrens-books-site,
.gigantic-pixie-bar .culture-professionals-network,
.gigantic-pixie-bar .search,
.gigantic-pixie-bar .culture-network {
	background-color: #d1008b;
}

.gigantic-pixie-bar .business {
	background-color: #4a64d9;
}

.gigantic-pixie-bar .commentisfree,
.gigantic-pixie-bar .teacher-network,
.gigantic-pixie-bar .healthcare-network,
.gigantic-pixie-bar .higher-education-network,
.gigantic-pixie-bar .leeds,
.gigantic-pixie-bar .government-computing-network,
.gigantic-pixie-bar .help,
.gigantic-pixie-bar .guardian-professional,
.gigantic-pixie-bar .community,
.gigantic-pixie-bar .cardiff,
.gigantic-pixie-bar .crosswords,
.gigantic-pixie-bar .info,
.gigantic-pixie-bar .edinburgh,
.gigantic-pixie-bar .public-leaders-network,
.gigantic-pixie-bar .local {
	background-color: #0061a6;
}

.gigantic-pixie-bar .lifeandstyle,
.gigantic-pixie-bar .katine,
.gigantic-pixie-bar .fashion,
.gigantic-pixie-bar .social-enterprise-network,
.gigantic-pixie-bar .voluntary-sector-network
 {
	background-color: #ffc202;
	color: #000;
}

.gigantic-pixie-bar .travel,
.gigantic-pixie-bar .social-care-network {
	background-color: #65C5fb;
	color: #000;
}

.gigantic-pixie-bar .environment {
	background-color: #7bbb00;
	color: #000;
}

/* For the version with the section name shown */
.gigantic-pixie-bar.with-section .section-name {
	display: block;
}

.gigantic-pixie-bar.with-section h3 {
	background: #666;
	color: #fff;
}
/* m-1582~/static/9838/css/article-base.css */
/**
 * Flexible Content
 * Type: Article
*/

/* Content
---------------------------------------------------------*/


/* m-1582~/static/9838/css/base.css */
/**
 * Flexible Content
 * Base
*/


/*  Base
---------------------------------------------------------*/
.flexible-content {
    clear: both;
}

pre {
    /* Scroll for longer lines of code */
    overflow-x: auto;
}


/*  R2 overrides
---------------------------------------------------------*/
#main-article-info {
    width: auto !important;
}

body .border {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;;
}

.flexible-content ol,
.flexible-content ul {
    padding-left: 40px;
    margin: 1em 0;
}

.flexible-content ol {
    list-style-type: decimal;
}

.flexible-content ul {
    list-style-type: disc;
}

.flexible-content figcaption {
    /* reproducing R2 .caption style */
    font-size: .858em;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #666;
}

div#content .flexible-content blockquote {
    float: none;
    margin-bottom: 13px;
}

.col-4.edge {
    float: right !important;
}


/*  Main block
---------------------------------------------------------*/
#mainblock {
    clear: both;
}

/* All elements
---------------------------------------------------------*/

.element {
    margin-bottom: 10px;
}

/* Image elements
---------------------------------------------------------*/
.flexible-content .gu-image {
    display: block;
    margin: 0 auto 5px auto;
    max-width: 100%;
    height: auto;
}


/* Video elements
---------------------------------------------------------*/
.flexible-content .gu-video {
    max-width: 100%;
}


/* Embed elements
---------------------------------------------------------*/

/* remove default iframe styling */
.flexible-content iframe.fenced {
    border: 0;
    width: 100%;
}

/* Open module embed elements
-----------------------------------------------------------*/
.element.open {
    background: #f5f5f5;
    padding: 4px 10px 12px 10px;
    position: relative;
    width: 440px;
}

/* Note: these need to use !important as R2's H2's are over qualified */
.open__head {
    color: #005689;
    font: 18px/1.4 Georgia, serif !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.open__body {
    color: #333;
    font: 12px/1.4 Arial, sans-serif;
    margin: 4px 0 8px;
    padding: 0;
}

.open__cta {
    background: #009bcf;
    color: #fff;
    cursor: pointer;
    font: 12px/1 Arial, sans-serif;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
}

/* Data Table embed elements
-----------------------------------------------------------*/
.element.element-table {
    float: right;
    margin-left: 10px;
    margin-top: 0;
    width: 300px;
}

.element.element-table:last-child {
    width: 100%;
}

.table {
    background: #f6f6f6;
    border-top: 2px solid #4bc6df;
    width: 100%;
}

.table th {
    font-weight: bold;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.table tbody td {
    border-top: 1px solid #ececec;
    cursor: normal;
    padding: 8px;
}

.table .table-row--highlight {
    font-weight: bold;
}

.table-row--divider td {
    border-top: 1px solid #333333;
}

.player-card {
    background: #f6f6f6;
    color: #333333;
    padding: 10px;
}

.player-card__image-container {
    float: right;
}
.player-card__image {
    border-radius: 80px;
    height: 80px;
    float: right;
    width: 80px;
}

.player-card__player {
    margin-bottom: 20px;
    min-height: 80px;
    padding-right: 80px;
}

.player-card__name {
    font: 24px/1.4 Georgia;
}
.player-card__position {
    color: #214583;
    font-weight: bold;
}

.player-card__stats {
    margin: 0;
    padding: 0;
}
.player-card__stat-name,
.player-card__stat-value {
    margin: 0;
    padding: 4px 0 8px;
}
.player-card__stat-name {
    display: block;
    float: left;
    font-weight: normal;
}
.player-card__stat-value {
    border-top: 1px solid #ececec;
    font-weight: bold;
    padding-left: 90%;
    text-align: right;
}

/* Witness elements
---------------------------------------------------------*/

.element-witness {
    max-width: 100%;
    border: 1px solid #E7E7E7;
    background: #FFF;
    font-family: sans-serif;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.element-witness a {
    text-decoration: none;
}
.element-witness p {
    margin: 0;
}

.element-witness--main {
    padding: 15px 15px 0;
    margin-bottom: 8px;
}
.element-witness--main p {
    line-height: 20px;
}
.element-witness--title {
    font-family: sans-serif;
    font-size: 16px;
    margin: 0 0 0.5em;
}
.element-witness--title a {
    color: #16699A;
}
.element-witness--main img,
.element-witness--main iframe {
    max-width: 100%;
    margin: 0 auto 1em;
    display: block;
}

.element-witness--footer p {
    font-size: 13px;
}
.element-witness--source {
    padding: 0 15px;
    line-height: 24px;
}
.element-witness--metadata {
    background-color: #FCFCFC;
    border-top: 1px solid #E7E7E7;
    padding: 10px 15px;
    margin-top: 8px;
    text-align: right;
    line-height: 24px;
}
.element-witness--metadata a {
    color: #247EB3;
}
.element-witness--author-name,
.element-witness--brand {
    font-weight: bold;
}
.element-witness--brand {
    background: url(9e77bdc3bbd982ec70721587030dcdc3ec90a0ae.png)  no-repeat center;
    width: 125px;
    height: 24px; /* 17px really, but match line-height for v-centering */
    vertical-align: bottom;

    /* Hide text */
    text-align: left;
    text-indent: -9999px;

    display: inline-block;
    /* inline-block hack for IE */
    zoom: 1;
    *display: inline;
}
.element-witness--author-image {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.element-witness--author {
    float: left;
    margin-right: 1em; /* spacing from source */
}

.element-witness-text .element-witness--main {
    background: url(7cd52874ccf112c7d1951ed201cdf4ffa7547a1b.png)  no-repeat left top;
}


/* restrict height to the same dimensions as the expected width */
.element-witness--main img,
.element-witness--main iframe {
    max-height: 428px;
}


/* override R2 styling */
body.article #content h3.element-witness--title {
    padding: 0;
    border: none;
    margin: 0 0 0.5em;
}
body.article #content .element-witness--metadata p {
    margin-top: 0;
    margin-bottom: 0;
}
.flexible-content .element-witness--main figcaption {
    font-size: 14px;
}


/* Comment elements
---------------------------------------------------------*/

.element-comment {
    margin-bottom: 10px;
}

/* From Pasteup: */

.d2-comment-embedded {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font: normal 13px/1.2 Arial, sans-serif;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 448px;
}

.d2-hidetext {
    text-indent: -9999px;
}

.d2-comment-embedded a {
    color: #005689;
    text-decoration: none;
}

.d2-comment-embedded a img {
    border: none;
    outline: none;
}

.d2-left-col {
    float: left;
    width: 60px;
}

.d2-right-col {
    margin-left: 60px;
}

.d2-username {
    font-weight: bold;
}

.d2-permalink .d2-datetime {
    color: #757575;
    font-size: 12px;
}

.d2-permalink .d2-datetime:hover {
    border-bottom: 1px dotted #757575;
}

.d2-pick {
  background-image: url(9ea68dd1ba49c019d81e0472a9563f76f37bea33.) ;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 66px;
  position: absolute;
  right: 5px;
  top: -2px;
  width: 20px;
}

.d2-badge {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 40px;
}

.d2-badge-staff {
  background-image: url(a03ac291d9fb370f5485fe06eefbe9711d744e4c.) ;
}

.d2-badge-contributor {
  background-image: url(105ffaf03957fb7af087febf10821d85b5bdead4.) ;
}

.d2-body {
    margin-right: 40px;
    word-wrap: break-word;
}

.d2-body p {
  margin: 1em 0;
}

/* END From Pasteup: */


/* Witness banner
-----------------------------------------------------------*/
.witness-banner {
    border: 1px solid #e7e7e7;
    background-color: #f9f9f9;
    font-family: sans-serif;
    padding: 5px;
    clear: both;
    margin-bottom: 7px;

text-align: right;
}

.witness-contribute-btn {
    display: inline;
    float: left;

    padding: 5px 10px 5px 40px;
    border-radius: 5px;
    background: #247eb3;
    color: #fff;
    font-weight: bold;

    background-image: url(e6082b6ed9f9155b19b88c9bcb2ce582e064a65c.) ;
    background-position: 12px center;
    background-repeat: no-repeat;
}

.witness-contribute-btn:hover,
.witness-contribute-btn:active {
    text-decoration: none;
}

.witness-logo {
    padding-right: 10px;
    border-right: 1px solid #e7e7e7;

    display: inline-block;
    zoom: 1;
    *display: inline;

    /* hide text */
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;

    background-image: url(9e77bdc3bbd982ec70721587030dcdc3ec90a0ae.png) ;
    background-position: left center;
    width: 125px;
    height: 27px;
}

.witness-ee-logo {
    display: inline-block;
    zoom: 1;
    *display: inline;

    /* hide text */
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;

    background-image: url(143481357118169507aa0f43e358215c50a234d0.) ;
    background-repeat: no-repeat;
    width: 65px;
    height: 27px;
}

.element-tweet-nonrich {
    padding: 10px;
    padding-left: 40px;
    border-top: 4px solid #3299d0;
    font-weight: bold;
    background-color: #f4f4f4;
    background-position: 5px 13px;
    background-repeat: no-repeat;
    background-image: url(01257beff3ba6bf24a8ea15e850b7b5394aaacd7.) ;
    margin-bottom: 10px;
}

.element-tweet-nonrich blockquote {
    padding-left: 0;
}

div#content .element-tweet-nonrich blockquote {
    margin-left: 0;
}

.element-tweet-nonrich p {
    font-weight: normal;
}