#panel {
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
	width:100%;
	overflow:hidden;
}

#panel .container {
	width: 960px;
	margin: 0px auto;
}

#panel .content {
	width: 200%;
	height: 0px;
	overflow:hidden;
}
#panel .content div.page, #panel .content div.details {
	width: 50%;
	float: left;
}
#panel .content div.page {
	font-size: 1rem;
}
#panel .content .separator {
	position:absolute;
	left:100%;
	width:0px;
	overflow:visible;
	top:-8px;
	margin-left:-40px;
	visibility:hidden;
}
#panel .separator div {
	position: relevant;
	width:80px;
	height:200px;
	background: #334C56;
	overflow:hidden;
}
#panel .separator a{
	display:block;
	width:40px;
	height:200px;
	margin:0;
	overflow:hidden;
	position: absolute;
	top:-20px;
	left:0;
	background: url("../images/button-details.png") center 30px no-repeat;
}
#panel .separator a.page {
	background: url("../images/button-details.png") center 30px no-repeat;
	left:40px;
}


@media screen and (max-width: 992px) {
	#panel .container {
		width: auto;
		margin: 0px 16px;
	}
}

h1 {
	color:#334c56;
	font-size: 1.75em;
	margin: .5em .5rem;
}
h2 {
	color:#334c56;
	font-size: 1.5em;
	margin: .5em .5rem;
}
h3 {
	color:#334c56;
	font-size: 1.25em;
	margin: .5em .5rem;
}
hr {
	border: 1px solid #334c56;
	margin: 1%;
	width: 97%;
	clear: both;
}

p {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.container>hr {
	border: 1px solid #CCCCCC;
	clear:both;
}

#panel .columns>ol {
	list-style:none;
	margin:0;
	padding:0;
	width: 49.4%;
}
#panel .columns ol.left{
	float:left;
}
#panel .columns ol.right{
	float:right;
}
#panel .columns>ol>li {
	margin: 1em 0;
	margin-bottom:2em;
	padding: 0;
	padding-bottom:4px;
	background:#f8f8f9;
}
.columns hr {
	border: 1px solid #444444;
}
.columns h2 {
	color: #FFFFFF;
	background: #334C56;
	padding:0 .5em;
	font-size:1.6em;
}

@media screen and (max-width: 580px) {
	#panel .columns ol {
		width: 100%;
	}
	#panel .columns ol.left, #content-panel .columns ol.right {
		float: none;
	}
}


a.pdf {
	background: url("../images/document-pdf-text.png") no-repeat 0px center;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 8px;
	color: #666666;
}
a.csv {
	background: url("../images/document-excel-csv.png") no-repeat 0px center;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 8px;
	color: #666666;
}
a.xls {
	background: url("../images/document-excel.png") no-repeat 0px center;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 8px;
	color: #666666;
}
a.svg {
	background: url("../images/document-svg.png") no-repeat 0px center;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 8px;
	color: #666666;
}
a.png {
	background: url("../images/document-png.png") no-repeat 0px center;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 8px;
	color: #666666;
}
td.export {
	border-top: 2px solid #25373E;
	color: #666666;
	text-align: right;
	margin-right:6%;
	float:right;
}
#panel ol.export{
	margin:0;
	margin-right:6%;
	padding:0;
	text-align: right;
	width:94%;
}
#panel ol.export li{
	color: #666666;
	display: inline;
}

#panel .columns li.country-spacer
{
	position: relative;
	margin-bottom: 1em;
}
#country-layer
{
	position: absolute;
	z-index: 1;
}
#panel .columns li.no-block, #panel .columns li.country-spacer
{
	background: none;
	-moz-box-shadow: none; /* Firefox/Mozilla */
	-webkit-box-shadow: none; /*Safari/Chrome */
	box-shadow: none; /* Opera & others */
	-ms-filter: none; /* IE 8 */
	filter: none; /* IE 5.5 - 7 */
}
#panel .headlines {
	width:90%;
	list-style: none;
	
}
.headlines li{
	position:relative;
	height:20px;
	margin-left: 10px;
	padding-right: 30px;
	overflow: hidden;
	cursor: pointer;
}
.headlines a{
	position:absolute;
	display:block;
	right:0;
	top:0;
}

table{
	width:100%;
	margin:0;
}
thead td{
	font-weight: bold;
	background:#BBBBBB;
}

tbody tr td{
	background:#EEEEEE;
}
tbody tr:nth-child(even) td{
	background:#FFFFFF;
}

.ajax-indicator{
	background: url("../images/indicator.gif") no-repeat center center;
	height: 20px;
}

#panel .plot-index, #panel .plot-ranking{
	height:180px;
	width:100%;
}


#panel .plots
{
	margin:0 1%;
	position:relative;
	height:180px;
}