/* Structural divs */
.article-content {
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0;
}

section {
	width: 47em;
	margin: 2em 3em 0 0;
	position: relative;
}

aside {
	margin: 2em 0 0 0
}


/* Article headline box */
.article-headline {
	float: left;
	width: 100%;
	margin: 0 0 1.500em 0;
	padding: 0 0 1.250em 0;
	border-bottom: solid 1px #e8e8e8;
}

.article-tags {
	float: left;
	width: 100%;
	margin: 0 0 0.100em 0;
	padding: 0;
	font-size: 0.875em;
	color: #7f7f7f;
	text-transform: uppercase;
}

.article-tags a:after {
	content: '\00A0';
	display: inline-block;
}

.article-headline h1 {
	margin: 0 0 0.100em 0;
	padding: 0;
	font-size: 1.875em;
	color: #303030;
	font-weight: bold;
}

.author, .timestamp {
	display: inline-block;
	margin: 0 0.400em 0.200em 0;
	padding: 0 0.700em 0 0;
	font-size: 0.938em;
	color: #7f7f7f;
}

.author {
	border-right: solid 1px #7f7f7f;
}

.author a, .author a:visited  {
	color: #0298C6;
	text-decoration: none;
}
	
.author a:hover {
	color: #bfa700;
}

.article-headline ul {
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
}

.article-headline li {
	display: inline;
	margin: 0 0.100em 0 0;
}

.article-headline li:last-child {
	margin: 0 auto;
}

.article-headline a {
	cursor: pointer;
}


/* Images */
.article-main-image {
	float: left;
	width: 100%;
	margin: 0 0 3.5% 0;
	padding: 0;
}

.image-caption, .image-box p, .image-box-small p {
	float: left;
	margin: 0.300em 0 0 0;
	font-size: 0.813em;
	color: #7f7f7f;
}

.image-caption:before {
	margin-right: 0.300em;
	display: inline;
	content: url(../images/universal/camera.png);
}

.article-main-image > .image-caption {
	margin-top: 0;
}


/* Google News */
.story-snippet {
	display: none;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	color: #4c4c4c;
}


/* Article copy divs */
.article-container-div {
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* Article styling */	
.article-copy {
	float: left;
	width: 100%;
	margin: 0 0 1.750em 0;
	padding: 0;
}

.article-copy h2, .report-content h2 {
	width: 100%;
	margin: 0 0 0.200em 0;
	padding: 0.400em 0 0 0;
	font-size: 1.125em;
	font-weight: bold;
	color: #303030;
}
	
.article-copy p {
	width: 100%;
	margin: 0 0 1.250em 0;
	padding: 0;
	font-size: 1em;
	/*line-height: 1.250em;*/
	color: #4c4c4c;
}

.article-copy p:last-child {
	margin: 0 auto;
}

.article-copy ul {
	float: left;
	width: 100%;
	margin: 0 0 1.250em 2em;
	list-style: square outside;
}
	
.article-copy li {
	margin: 0 auto;
	padding: 0 0 0.438em 0;
	font-size: 1em;
	line-height: 1.250em;
	color: #4c4c4c;
}

.article-copy li:last-child {
	padding: 0;
}

.article-copy a, .article-copy a:visited, .report-content a, .report-content a:visited, .comments-invite a, .comments-invite a:visited {
	color: #0298C6;
	text-decoration: none;
	border-bottom: dotted 1px #7edefc;
}
	
.article-copy a:hover, .report-content a:hover, .comments-invite a:hover {
	color: #bfa700;
	border-bottom: dotted 1px #bfa700;
}

.pullquote {
	width: 86%;
	margin: 0 0 1.250em;
	padding: 0 7% 0 7%;
	font-size: 1em;
	color: #7f7f7f;
	line-height: 1.3em;
}
	

/* Supplementary content */
.factbox-half, .factbox-full, .factbox, .factbox-small {
	float: left;
	width: 96%;
	margin: 1.5% 0 1.5% 0;
	padding: 0 2% 2% 2%;
	background: #f9f9f9;
	border-top: solid 1px #c2bebf;
}
	
.factbox-half, .factbox-small {
	width: 17.437em;
	margin-right: 3.5%;
}

.factbox-full h2, .factbox-half h2, .factbox h2, .factbox-small h2 {
	margin: 0 0 1.500em 0;
	padding: 0.600em 0 0 0;
	font-size: 1em;
	color: #160773;
}
	
.factbox-full h3, .factbox-half h3, .factbox h3, .factbox-small h3 {
	margin: 0 0 0.200em 0;
	padding: 0;
	font-size: 0.875em;
	font-weight: bold;
	color: #666666;
}
	
.factbox-full ul, .factbox-half ul, .factbox ul, .factbox-small ul {
	margin: 0 0 1.200em 0;
	list-style: square outside;
}
	
.factbox-full ul:last-child, .factbox-half ul:last-child, .factbox ul:last-child, .factbox-small ul:last-child, .factbox-full p:last-child, .factbox-half p:last-child, .factbox p:last-child, .factbox-small p:last-child {
	margin: 0 auto;
}
	
.factbox-full li, .factbox-half li, .factbox li, .factbox-small li {
	margin: 0 0 0 1.500em;
	padding: 0 0 0.625em 0;
	font-size: 0.875em;
	color: #666666;
}
	
.factbox-full li:last-child, .factbox-half li:last-child, .factbox li:last-child, .factbox-small li:last-child {
	padding: 0;
}
	
.factbox-full p, .factbox-half p, .factbox p, .factbox-small p {
	margin: 0 0 1.200em 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.250em;
	color: #666666;
}
	
.source {
	font-size: 0.813em;
	color: #bfa700;
}

.image-box {
	float: left;
	width: 100%;
	position: relative;
	margin: 0.5% 0 3% 0;
	padding: 0;
}

.image-box img, .image-box-small img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.image-box-small img {
	margin-right: 5%;
}
	
.image-box-small {
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
	padding: 0;
}

/*div.article-copy > div.image-box {
	margin-top: 0;
}*/

.image-box a, .image-box a:visited, .image-box a:hover {
	text-decoration: none;
	border-bottom: none;
}


/* Tables */
.table-div, .table-div-small {
	float: left;
	width: 100%;
	margin: 0 0 4% 0;
	padding: 0;
}

.table-div-small {
	width: 49%;
	margin-right: 2%;
}

div.table-div-small:nth-child(odd) {
	margin-right: 0;
}

.table-div h2, .table-div-small h2 {
	margin: 0.400em 0 0.400em 0;
	font-size: 1em;
	color: #297d3e;
}

table {
	width: 100%;
	margin: 0 0 0.300em 0;
	padding: 0;
	border-collapse: collapse;
}

th, thead td {
	margin: 0 auto;
	padding: 0.500em ;
	font-size: 0.813em;
	font-weight: bold;
	color: #4c4c4c;
	text-align: left;
	border-top: dotted 1px #d1d3d4;
	border-bottom: dotted 1px #d1d3d4;
	background: #f4f4f4;
}
	
td {
	margin: 0 auto;
	padding: 0.400em;
	font-size: 0.875em;
	font-weight: normal;
	color: #4c4c4c;
	border-bottom: dotted 1px #d1d3d4;
}
	
tr:hover {
	background: #f4f4f4;
}


/* More content */
.sector-headlines {
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 1.250em 0 0 0;
	border-top: solid 1px #e8e8e8;
}


/* Toggle window */
.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 62.500em;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0,0,0,0.3);
	display: none;
	text-align: center;
}

.lightbox:target, .lightbox:target + .overlay {
	display: block;
}

.box {
	width: 100%;
	min-width: 37.5em;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

.box-title {
	margin: 0 auto;
	padding: 0.625em;
	font-size: 1em;
	color: #ffffff;
	background: #4c4c4c;
}

.box-content, .box-footer {
	float: left;
	width: 100%;
	/* position: relative; */
}

a.box-close, a.box-close:visited {
	display: block;
	float: right;
	margin: 0 0.500em 0 0;
	font-size: 2em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
}

.expand-image {
	display: inline-block;
	width: auto;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0.850em;
	padding: 0.500em;
	border-radius: 6px;
	font-weight: bold;
	color: #ffffff;
	background-color: rgba(0,0,0,0.4);
}

.expand-image:before {
	color: #ffffff;
	margin-right: 0.400em;
	/*content: '\2750';*/
	content: url(../images/universal/expand.png);
	vertical-align: middle;
}

.article-copy a.expand-image, .article-copy a.expand-image:visited {
	color: #ffffff;	
	border: solid 1px #666666;
}

.article-copy a.expand-image:hover {
	background-color: #666666;
}


/* Special report content */
.splash-image {
	width: 100%;
	height: 0;
	margin: 0 0 2% 0;
	padding: 0 0 55% 0;
	position: relative;
	background-repeat: no-repeat;
	z-index: 1;
}

.section-header, .report-headline-details {
	float: left;
	width: 100%;
	margin: 0 auto;
}

.section-header {
	width: 96%;
	padding: 2%;
	position: absolute;
	font-size: 1.500em;
	font-weight: bold; 
	color: #160773;
}

.section-header a {
	font-weight: bold;
}

.splash-image > .article-headline {
	float: left;
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	bottom: 0;
	border: none;
	z-index: 2;
}

.report-headline-details {
	width: 100%;
	margin: 0 auto;
}

.splash-image > .article-headline h1, .report-headline-details > .author, .report-headline-details > .timestamp {
	color: #e0e0e0;
}

.report-standfirst {
	float: left;
	width: 50%;
	display: inline-block;
	position: relative;
	margin: 1.500em 0 1em 0;
	padding: 0;
	font-size: 1.063em;
	line-height: 1em;
	color: #e0e0e0;
}

.report-standfirst:before {
	content: "";
	display: block;
	border-top: solid 1px #e0e0e0;
	width: 2em;
	height: 1px;
	position: absolute;
	top: -0.500em;
	z-index: 1;
}

.report-content {
	float: left;
	width: 80%;
	position: relative;
	z-index: 1;
	margin: 0 10% 0% 10%;
	padding: 0;
}

.report-content h2 {
	margin: 1.250em 0 0.400em 0;
	padding: 1.250em 0 0 0;
	font-size: 1.250em;
	border-top: solid 1px #e8e8e8;
}

.report-content > .article-headline a {
	border: 0;
}


/* Comments */
.comments-invite, .forecast-box {
	float: left;
	width: 97%;
	margin: 0 0 1.750em 0;
	padding: 1.5%;
	font-size: 0.938em;
	background: #efefef;
}

.comments-invite img, .forecast-box img {
	float: left;
	margin: 0 0.875em 0 0;
	padding: 0;
}

.forecast-box {
	font-size: 1em;
}