/* Structural divs */

section {
	float: left;
	width: 43.187em;
	margin: 0 1.250em 0 0;
	padding: 0 1.250em 0 0;
	border-right: solid 1px #cccccc;
	}
	
aside {
	float: left;
	margin: 0 0 1.250em 0;
	padding: 0;
	width: 16.750em;
	} 
	
	
	
/* Other divs */

.highlights {
	float: left;
	width: 41.561em;
	margin: 0 0 2em 0;
	padding: 0.750em;
	background: #ebf5ed;
	border: solid 1px #c0d8c3;
	}
	
.highlights h2 {
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	color: #297d3e;
	text-transform: uppercase;
	}
	
.highlights ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style: square outside;
	}
	
.highlights li {
	margin: 0 0 0.300em 1.500em;
	padding: 0;
	font-size: 0.938em;
	line-height: 1.300em;
	color: #4c4c4c;
	}
	
	
	
/* Tabbed section */

.tabbed-interface {
	float: left;
	width: 43.687em;
	margin: 0 0 0 0.500em;
	padding: 0;
}
	
#tabbed-navigation li a {
	display: inline;
	float: left;
	font-size: 0.875em;
	color: #297d3e;
	margin: 0 0.300em 0 0;
	padding: 0.500em 1em 0.650em 1em;
	border-top: solid 3px #eaeaea;
	text-decoration: none;
	text-transform: uppercase;
	background: #eaeaea;
}

#tabbed-navigation li a:hover {
	color: #ffffff;
	background: #c2bebf;
	border-top: solid 3px #c2bebf;
}

#tabbed-navigation li a.selected {
	position: relative;
	z-index: 2;
	margin: 0 0.400em -0.063em 0;
	color: #297d3e;
	border-top: solid 3px #c2bebf;
	border-left: solid 1px #c2bebf;
	border-right: solid 1px #c2bebf;
	border-bottom: solid 1px #ffffff;
	text-decoration: none;
	background: #ffffff;
}

.tabbed-content {
	float: left;
	margin: 0 0 0 -0.500em;
	padding: 2em 0.500em 0 0.500em;
	width: 42.687em;
	min-height: 40em;
	border-top: solid 1px #c2bebf;
}

.tabbed-content.hide {
	display: none;
}

.analysis-text {
	float: left;
	width: 42.187em;
	margin: 0 auto;
	padding: 0 1em 0 0;
	}
	
	
/* Supplementary content */
	
.factbox, .factbox-small {
	float: left;
	width: 17.437em;
	margin: 0 1.250em 1.250em 0;
	padding: 0 0.750em 0.750em 0.750em;
	background: #ebf5ed;
	border-top: solid 1px #c0d8c3;
	}
	
.factbox {
	width: 41.687em;
	}
	
.factbox-small  {
	width: 17.437em;
	}
	
.factbox h2, .factbox-small h2 {
	margin: 0 -0.750em 1em -0.750em;
	padding: 0.500em;
	font-size: 1em;
	color: #297d3e;
	border-bottom: solid 1px #c0d8c3;
	}
	
.factbox h3, .factbox-small h3 {
	margin: 0 0 0.200em 0;
	padding: 0;
	font-size: 0.875em;
	font-weight: bold;
	color: #666666;
	}
	
.factbox ul, .factbox-small ul {
	margin: 0 0 1.200em 0;
	list-style: square outside;
	}
	
.factbox ul:last-child, .factbox-small ul:last-child, .factbox p:last-child, .factbox-small p:last-child {
	margin: 0 auto;
	}
	
.factbox li, .factbox-small li{
	margin: 0 0 0 1.500em;
	padding: 0 0 0.625em 0;
	font-size: 0.875em;
	color: #666666;
	}
	
.factbox li:last-child, .factbox-small li:last-child {
	padding: 0;
	}
	
.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;
	}
	
table {
	width: 100%;
	margin: 1em 0 0.500em 0;
	padding: 0;
	border-collapse: collapse;
	}
	
thead td {
	margin: 0 0 0.375em 0;
	padding: 0.438em;
	font-size: 0.938em;
	font-weight: bold;
	color: #297d3e;
	}
	
tr, td {
	margin: 0 auto;
	padding: 0.375em;
	font-size: 0.938em;
	color: #666666;
	}
	
tr {
	border-bottom: dotted 1px #cccccc;
	}


.graphs {
	float: left;
	width: 16.551em;
	margin: 0 auto;
	padding: 0;
	}
	
.graphs h2 {
	margin: 0 0 1em 0;
	padding: 0.500em;
	font-size: 0.875em;
	color: #297d3e;
	text-align: center;
	text-transform: uppercase;
	background: #ebf5ed;
	border: solid 1px #a9d3af;
	}
	
.graph-container {
	float: left;
	position: relative;
	width: 100%;
	margin: -1.500em 0 1.250em 0;
	padding: 0;
	}
	
.graph-container img {
	margin: 0 0 0.300em 0;
	padding: 0.400em;
	border: solid 1px #a9d3af;
	}
	
.zoom img {
	float: left;
	width: 1.688em;
	height: 1.688em;
	position: relative;
	z-index: 3;
	top: 2.200em;
	left: 0.400em;
	margin: 0 auto;
	padding: 0;
	border: 0;
	}
	
.graph-description {
	margin: 0 auto;
	padding: 0;
	font-size: 0.813em;
	line-height: 1em;
	color: #7f7f7f;
	}
	
	
/* Image modal */

#overlay {
	z-index: 5;
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
#image-window {
	width: 31.250em;
	margin: 0 auto;
	padding: 0.625em;
	z-index: 6;
	background: #ffffff;
	position: relative;
	top: 25%;
	box-shadow: #000000 0 0 2em;
	}
	
#image-window h2 {
	margin: -0.625em -0.625em 1em -0.625em;
	padding: 0.625em;
	font-size: 1em;
	color: #ffffff;
	background: #160773;
	}
	
a.close-box {
	float: right;
	width: 1em;
	height: 1em;
	margin: 0 auto;
	background: url(../images/universal/close.png);
	cursor: pointer;
	}
	
	
	
/* Text styling */

.analysis-text p {
	margin: 0 0 1.250em 0;
	padding: 0;
	font-size: 1em;
	color: #4c4c4c;
	}
	
.analysis-text ul {
	margin: 0 0 1.250em 2em;
	list-style: square outside;
}
	
.analysis-text li {
	margin: 0 auto;
	padding: 0 0 0.438em 0;
	font-size: 1em;
	line-height: 1.250em;
	color: #4c4c4c;
}

.analysis-text a, .analysis-text a:visited  {
	text-decoration: none;
	border-bottom: dotted 1px;
	}



/* Aside elements */

.omnibox {
	float: left;
	width: 16.750em;
	margin: 0 0 1.750em 0;
	padding: 0;
	}
	
.omnibox h2 {
	margin: 0 0 1.200em 0;
	padding: 0.300em 0 0 0;
	font-size: 1.063em;
	font-weight: bold;
	color: #160773;
	border-top: solid 4px #d3d3d3;	
}

.omnibox h4 {
	margin: 0 0 0.300em 0;
	padding: 0;
	font-size: 0.938em;
	color: #232323;
	}
	
.omnibox h4 a {
	font-weight: bold;
	}
	
.omnibox h5 {
	margin: -0.300em 0 0 0;
	padding: 0;
	font-size: 0.875em;
	font-weight: normal;
	color: #7f7f7f;
	}
	
.omnibox li {
	margin: 0 0 0.500em 0;
	padding: 0 0 0.700em 0;
	border-bottom: dotted 1px #cccccc;
	}
	
.omnibox li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
	}
	
.omnibox p {
	line-height: 1.188em;
	}

.omnibox img {
	float: left;
	margin: 0.200em 0.625em 0 0;
	padding: 0;
	}
	
	
	
/* Subscribe prompt */

.subscribe-prompt {	
	float: left;
	margin: 0 auto;
	padding: 1em 0 1.500em 0;
	width: 100%;
	}
	
.subscribe-prompt h2 {
	margin: 0 0 0.625em 0;
	padding: 0;
	font-size: 1.125em;
	font-weight: bold;
	color: #297d3e;
	}
	
.subscribe-prompt p {
	margin: 0 0 0.500em 0;
	padding: 0;
	}

.subscribe-options {
	float: left;
	margin: 1.500em 1em 0 0;
	padding: 0 1em 0 0;
	width: 20em;
	border-right: solid 1px #c0d8c3;
	}
	
.subscribe-options:last-child {
	margin: 1.500em 0 0 0;
	padding: 0;
	border: none;
	}
	
.subscribe-prompt h3 {
	margin: 0 0 0.500em 0;
	padding: 0;
	font-size: 0.813em;
	font-weight: bold;
	color: #4c4c4c;
	text-transform: uppercase;
	}
	
.subscribe-prompt p a, .subscribe-prompt p a:visited, .subscribe-options a, .subscribe-options a:visited {
	text-decoration: none;
	border-bottom: dotted 1px;
	}
	
.textfield {	
	margin: 0 0 0.375em 0;
	padding: 0.300em 0.400em 0.300em 0.400em;
	width: 20em;
	font-size: 0.938em;
	font-family: 'Source Sans Pro';
	color: #666666;
	background: #ffffff;
	border: solid 1px #c0d8c3;
}

.button, .button a {
	float: left;
	margin: 0 auto;
	padding: 0.300em 0.500em 0.300em 0.500em;
	font-family: 'Source Sans Pro';
	font-size: 0.750em;
	background: #297d3e;
	color: #ffffff;
	border: 0;
	text-transform: uppercase;
	}
	
.button:hover {
	background: #939598;
	cursor: pointer;
	}
	
.warning {
	margin: 0 0 2em 0;
	padding: 0;
	color: #ff0000;
	}