@media screen {
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;}



 #page{
 	max-width: 982px;
 	width:100%;
 }
	a{
		color: #003399;
    outline: medium none;
		text-decoration:none;
	}
	a:hover, a:focus{
		color:#004be8!important;
	}

	#wrapper{
		/*max-width:763px;*/
		margin:0 auto;
	}


	#langSelect{
		position:absolute;
		top: 10px;
		right: 0;
	}

	#langSelect select{
		border:1px solid #ccc;
	}

	h2{
		font-size:1.2em;
		font-weight:700;
		color:#000;
		margin-bottom:15px;
	}

	h3{
		font-size:1em;
		font-weight:700;
		color:#000;
		margin-bottom:10px;
	}

	.node-mdx-dataset section{
	overflow:hidden;
	position:relative;
	font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;
	font-size:13px;
	}

	section p{
	line-height:19px;
	}

/*----------Modal-----------*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{}

.ui-widget-content{
background:#fff;
border:none;
color:#999;
font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px;
}

.ui-draggable .ui-dialog-titlebar {
    border-radius: 0px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1em;
    background:#f9dd16;
    color:#13349b;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#13349b;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover , .ui-state-hover, .ui-state-hover:hover{
    border: none;
    background:#f9dd16;

}
.ui-state-default.ui-dialog-titlebar-close{
padding: 28px;
right: 0;
top: 10px;
background:#13349b;
background:url(/DVS/MDXT/css/images/box-close.png) no-repeat 15px 13px #13349b;
}

.ui-state-default.ui-dialog-titlebar-close:hover{
background:url(/DVS/MDXT/css/images/box-close.png) no-repeat 15px 13px #2a53d8;
}

.t_ContentContainer h2{color:#fff;}

.t_ContentContainer {
    font-size: 11px;
    line-height: 17px;
    padding: 10px;
    font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;

}
.t_Tooltip {
	opacity: 0.9 !important;
}


@font-face {
	font-family: 'fra-data-explorer';
	src:url('/DVS/MDXT/fonts/fra-data-explorer.eot');
	src:url('/DVS/MDXT/fonts/fra-data-explorer.eot') format('embedded-opentype'),
		url('/DVS/MDXT/fonts/fra-data-explorer.ttf') format('truetype'),
		url('/DVS/MDXT/fonts/fra-data-explorer.woff') format('woff'),
		url('/DVS/MDXT/fonts/fra-data-explorer.svg?w5atqy#fra-data-explorer') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'fra-data-explorer' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*--------Dataset Dropdown-----------*/

label#label_dataset select {

	height:40px;
	background: #f8f8f8;
	border-radius: 0;
	display: inline-block;

	cursor: pointer;
	outline: none;
	border:none!important;
	font-family: 'OpenSans-Semibold-webfont', Arial, Helvetica, sans-serif;
	position:relative!important;
}
label#label_topic select {

	background: #fff;
	border-radius: 0;
	display: inline-block;
    cursor: pointer;
	outline: none;
	border:none!important;
	font-family: 'OpenSans-Semibold-webfont', Arial, Helvetica, sans-serif;
	position:relative!important;
	width:81%;
}

@media (max-width: 680px){

	label#label_topic select {
		font-size:13px;
	}

}

label#label_question select {

	background: #fff;
	border-radius: 0;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border:none!important;
	font-family: 'OpenSans-Semibold-webfont', Arial, Helvetica, sans-serif;
	position:relative;
	width:81%;
	float:right;
/*	height: auto !important;*/
}

label#label_topic a,
label#label_question a {
	color: #FFFFFF;
	text-decoration: underline;

}

label#label_topic a:after,
label#label_question a:after {
	display: inline-block;
	content: "";
	background: url(/sites/all/modules/contrib/extlink/extlink_s.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

label#label_topic a:hover,
label#label_question a:hover {
	color: #f9dd16 !important;
}

@media (max-width: 680px){

	label#label_question select{
font-size:13px
	}

	}

label#label_dataset option, label#label_topic option, label#label_question option{
    cursor: pointer;
    background:#fff;
    padding:10px;
    border:none;
    box-shadow:none;
    font-family: 'OpenSans-Semibold-webfont', Arial, Helvetica, sans-serif;
}







/*--------Datasection-----------*/
#graphControlsForm select#dataset {
    width: 81% !important;

}

#datasetSection{
position:relative;
background:#f9dd16;
color: #13349b;

}

#datasetSection span {
font-size:21px;
font-weight:700;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:10px 0!important;}


@media (max-width: 680px){

	#datasetSection span {
        font-size:15px;
        display: block;
	}
	#graphControlsForm select#dataset{
	   font-size:13px;
	   width: 100% !important;
	}
	#graphControlsForm select {
	   float: left !important;
	   width: 100% !important;
	}
}


/*-----------helpSection-----------*/
#helpSection{
min-height: 35px;
padding: 4px;
text-align: left;
position:absolute;
right:0;
}
@media (max-width: 680px){

	#helpSection li{
    display:block!important;
    float:left!important;

	}
}

#helpSection ul{
	margin-top:0;
}


#helpSection li{
		 list-style-type: none;
		 display: inline-block;
		 margin-right: 5px;
		 display:block;
		 font-size:12px;
		 font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;
	}
#helpSection li a{

	width:20px;
	display: block;
	height: 20px;
	overflow: hidden !important;
	text-indent: 3px;
	width: 25px;
	margin:5px;
}

#helpSection li a#About:before , #helpSection li a#Help:before, #helpSection li a#Technical:before{
color: #13349b;
display: block;
float: left;
font-family: "fra-data-explorer" !important;
font-size: 23px;
}
#helpSection li a#About:hover:before , #helpSection li a#Help:hover:before, #helpSection li a#Technical:hover:before{
color:#004be8;
}
#helpSection li a#About:before{
content: "\e90a";
}
#helpSection li a#Help:before{
content: "\e909";
}
/*#helpSection li a#Technical:before{
content: "\e90b";*/
}


/*--------TopicSection-----------*/


.node-mdx-dataset .topicSection, .node-mdx-dataset  .questionSection{
padding:0px;
background:#13349b;
color:#fff;
position:relative;}

.node-mdx-dataset .questionSection{
	background:#17266b;
}



.topicSection:before{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #f5dc00;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
content:"";
}


.topicSection .description, .questionSection .description {

	    margin-top:0px;
	    width:100%;
	    display:block;
	    float:left;
	}

	#topic{
		color: black;
		background: #fff;
	}

.page-node .topicSection label span, .page-node .questionSection label span{
display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 0 !important;
    padding: 10px 0 !important;

}
@media (max-width: 680px){

	.page-node .topicSection label span, .page-node .questionSection label span {
    font-size:15px

	}
}

.topicSection .description{
    margin-top: 9px !important;
}


#question{
		color: black;
		background: #fff !important;
	}

/*--------Scrollbar-----------*/
.jspArrow{
background:#000f3e;
}

.jspArrow.jspDisabled {
background: #80808d;
cursor: default;
}

.jspTrack {
background: #b0bfde;
position: relative;
}

.jspVerticalBar{
width:8px;
}


/*--------VisualizationSection-----------*/

	#visualizationSection{

		padding:0px;
	}
	.questionSection{
		margin-bottom: 0;

		border-bottom: 0;
	}
	.visualizationSelection{
		margin-bottom: 0;
		border-bottom: 0;
		padding-bottom: 0;
		border-top: 0;
		padding-top: 0;
		margin-top: 6px !important;
	}
	.visualizationFilters{
		border-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	section.done{
		background:url(/DVS/MDXT/garnish/iconCheck.png) no-repeat 940px 8px;
		font-size:0.7em;
		padding-top:10px;
		margin:0 0 5px 0;
	}

.scroll-pane{
 max-height: 100px !important;
 overflow: auto !important;
}

	section.pending{
		font-size:0.7em;
		padding-top:10px;
		color:#CCC;
	}

	#visualizationTitle {
		padding: 40px 23px 0;

	}

	#summaryTitle {
		padding: 0;
		margin: 0;
	}

	.page-node .visualizationSelection label span{
	display: block;
	float:left;
	height: 100%;
	min-height: 17px;
	padding: 1.3em 1em 1em 3em;
	vertical-align: middle;
	}

	.freetext{
		line-height:1.3;
	}

	.freetext p{
		margin:1em 0;
	}

	.freetext ul{
		list-style:disc;
		margin:1em 0 1em 3em;
	}

	.freetext li{
		margin:0.2em 0;
	}


	label{
		font-size:0.9em;
	}

	#formatSelector label, .buttonMenu label{
		font-size:1.05em!important;
		/*
		max-width: 143px;
    	min-height: 56px;
    	*/
	}

	#label_topic{
		font-size:1em;
	}



	#label_question{
		font-size:1em;
	}

	#label_question select{
		font-weight:700;
		background:#F7F7F7;
		padding-left:0 !important;
		width:50%;
		height: 35px !important;
	}

	#label_dataset select{
		width:60%;
		font-weight:700;
		background: #f7f7f7 none repeat scroll 0 0 !important;

	}


	#answerInfo{
		overflow:hidden;
		margin:20px auto;
		border-top:1px solid #E9E9E9;
        padding:0px 0 0 0;
        width:100%;
		max-width:723px;
	}



	#visualizationData{
		float: left;
		width: 100%;
		margin:0px;
		margin-top: -10px;
	}

	#visualizationData table a.tableHtmlUserLink:after {
		display: inline-block;
		content: "";
		background: url(/sites/all/modules/contrib/extlink/extlink_s.png) no-repeat 0 0;
    	width: 10px;
    	height: 10px;
    	margin-left: 5px;
	}
    #visualizationData sup {
        font-size: 10px;
    }

    #visualizationData .Clone {
    	float: left;
		width: 25%;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.table-wrapperClone {
		max-height: 480px;
		z-index: -1;
	}
  #tableFooter { clear: both; }
  #tableFooterNotesGroup,
  ul.tableFooterNotes,
	ul.tableFooterNotes2,
	ul#cellnotes, ul#countrynotes {
		list-style: none;
		font-style: italic;
		padding-left: 0;
		font-size: 100%;
		margin-top: 0;
		margin-bottom: 0;
  }
	ul#cellnotes {
		margin-top: 20px;
	}
	#graph.MAP ul#cellnotes {
		margin-top: 0;
	}
	#graph.MAP h2#title_question {
			margin-top: 5px;
	}
	#questionNoteP {
		margin: 0;
	}
	#questionNoteP p{
		margin: 0;
	}
	.tableFooterNotes li p{
		margin: 0;
	}
	.tableFooterNotes2 li p{
		margin: 0;
	}
	.t_Tooltip h4{
		font-weight:700;
		color:#fff;
		font-size:1.3em;
	}
	.t_Tooltip hr{
		height: 1px;
		border-width: 1px 0 0 0;
		border-color: #0e2766;
		border-style: dotted;
		color:#fff;
	}
	.t_Tooltip li{
	color:#fff;
	max-width: 186px
	}

    .t_Tooltip li span{

		display:block;
		margin-top:10px;


	}


	.t_Tooltip .t_ContentContainer{
	color:#fff!important;
}

.t_Tooltip .t_ContentContainer p{
	color:#fff!important;
}

.t_Tooltip ul{
	padding-left:0!important;
}
.t_Tooltip ul li{list-style:none;}

	.region-sidebar-first{
		display: none;
	}

	.sidebar-first #content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}


	.exportOptions ul{
		 list-style-type: none;
	}

	button#revealButton {
        font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;
        color: #13349b;
    }

	#cboxOverlay {
    background:#0d2560;
}

    #cboxWrapper{
	background:none!important;
    }

    #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomCenter, #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxTopRight, #cboxBottomRight, #cboxBottomLeft{
    	background:none!important;
    }
    #cboxLoadedContent{
    	padding:30px;
    	font-family: 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;
    }

	#cboxClose{
		top:10px;
		right:10px;
	}

	#datasetSection > label {
		padding: 4px;
		width: 70%;
	}
	.page-node #datasetSection > label {
		padding: 14px;
		width: 96%;
	}

/* csvViewer wrapping */
.csvDataHeader th {
    background: #e6e6e6;
}
.csvDataHeader thead th {
	width: 200px;
	min-width: 200px;
    word-wrap: break-word;
    white-space: normal;
	padding: 10px 10px 25px;
}

.csvDataHeader thead th.dataHeadCol {
	width: auto;
	position: relative;
}

.csvDataHeader thead th.dataHeadCol .headerText {
	display: block;
}

.csvData td.dataCol {
	width: 200px;
    min-width: 200px;
	padding: 10px;
}

.csvData td.dataCol0 {
	width: 128px;
    min-width: 128px;
	max-width: 128px;
}

.csvData td.dataCol1 {
	width: 52px;
    min-width: 52px;
	max-width: 52px;
}

/* Variable summary overrides */
#graph.VARIABLESUMMARY .table-wrapper.QUANTITATIVE {
	overflow: auto;
}
#graph.VARIABLESUMMARY .table-header-wrapper.QUANTITATIVE table,
#graph.VARIABLESUMMARY .table-wrapper.QUANTITATIVE table {
	width: auto !important;
}
#graph.VARIABLESUMMARY .table-header-wrapper.QUANTITATIVE .csvDataHeader thead th.dataHeadCol2,
#graph.VARIABLESUMMARY .table-wrapper.QUANTITATIVE .csvData td.dataCol2 {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
}
#graph.VARIABLESUMMARY .table-wrapper.QUANTITATIVE .csvData td.dataCol {
	padding-right: 4px;
}

@media (min-width: 640px) {
  #svgContainer {
		width: 660px;
		margin: auto;
	}
}







.group-content-metadata {
  background-color:#E6E6E6;
  padding:8px 10px 8px 10px;
  overflow:hidden;
  font-size:0.85em;
  display:block;
  margin-bottom:15px;
  clear:both;
  color:#333;
  line-height:1.4em;
}
.group-content-metadata .field {
  margin-right:8px;
}
.group-teaser-metadata{
  display: block;
  overflow: hidden;
  margin: 0.5rem;
}

.group-content-metadata div,
.group-teaser-metadata div {
  float:left;
  display:block;
}
/*.group-content-metadata .field-name-field-fra-related-content{
  display:block;
  margin-bottom:8px;
  padding:0px;
  width:100%;
  font-size:0.9em;
  border-bottom:1px dotted #FFF}
.group-content-metadata .field-name-field-fra-related-content .field-label{font-size:1.05em;}*/
.group-content-metadata .field-item {
  background-color:#FFF;
  padding:0px 8px 2px 8px;
  color:#4D4D4D;
  margin:2px 2px 0px 0px;
}
.group-teaser-metadata .field-item {
  padding:0px 2px;
}
.group-teaser-metadata .field-item:after {
  content: ", ";
  display: inline-block;
  position: relative;
}
.group-teaser-metadata .field-item:last-child:after {
  content: "";
}
.group-content-metadata .field .field-label{
  font-weight:normal;
  margin:1px 0px 1px 0px;
  color:#4D4D4D;
  background:none;
  padding:1px 0px 1px 8px;
}
.group-content-metadata .field-label-inline .field-label,
.group-teaser-metadata .field-label-inline .field-label{
  float: left;
}

.group-content-metadata .field-name-field-info-related-articles {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9em;
  padding: 0;
  margin-bottom: 0;
}

.group-content-metadata .field-name-field-info-related-articles a {
  font-size: 1.1em;
}


.group-content-metadata .field-name-field-info-charter-article .field-items {
  display: block;
  float: left;
}

.group-content-metadata .field-name-field-info-echra{
  width:100%;
  clear:both;
}


.group-content-metadata .field-name-field-info-charter-article{
  width:100%;
  clear:both;
}

.group-teaser-metadata .field-label-inline .field-label,
.group-teaser-metadata .field-label-inline .field-items {
  display: block;
  float: left;
}
.group-content-metadata .field-name-field-info-charter-article .field-items,
.group-content-metadata .field-name-field-info-related-articles .field-items,
.group-content-metadata .field-name-field-fra-prom-practice-category .field-items,
.group-teaser-metadata .field-name-field-fra-prom-practice-category .field-items{
  float:none;
}
.group-content-metadata [class*=infoportal-echr] .field-items {
  float:none;
}
