/*
	Author: Pierre de Thé
	Contact: dethepierre@gmail.com
*/

/*Nicer font, backgrond color for the whole page*/
	body 
	{
		margin: 0px;
		font-family: Verdana, Arial, sans-serif, serif;
		background-color: rgb(180,180,180);
	}

/*Top return button : all the pages*/
	.topreturn
	{
		position: fixed;
	   	bottom: 60px;
	   	right: 20px;
	   	border: none;
	   	border-radius : 3px;
		opacity: 0.8
	}

/*Global style*/

	/*Whole dataset page: table without borders and with defined width*/
	.summary_table
	{
		margin: auto;
		width: 65%;
		border:none;
	}
	.summary_table h2
	{
		text-align: left;
	}
	.summary_table h3
	{
		text-align: left;
	}
	.summary_table td
	{
		border:none;
		text-align: left;
	}
	.summary_table figure
	{
		border:none;
		background-color: white;
	}
	.summary_table img
	{
		border:1px solid grey;
	}
	
	/*Margin on the borders of the page.*/
	#wrapper 
	{
		width: 80%;
		/*order: top, right, bottom, left*/
		margin: 0px auto 0px auto;
		background-color: white;
	}


	/*Space between border and text*/
	#wrapper p
	{
		margin-left: 1em; margin-right: 1em;
		text-align: justify;
	}
	
	/*Links non-underlined and different color*/
	a 
	{
		text-decoration: none;
		color: rgb(28,11,123);
	}
	
	/*border on the figure, background color, caption in italic*/
	figure
	{
		text-align: center;
		margin: 0 auto;
		padding: 8px;
		border: 1px solid grey;
		border-radius : 2px;
		display:table;
		background-color: rgb(205,203,200);
	}
	figcaption
	{
		font-style: italic;
		border: 1px solid grey;
		border-radius : 2px;
		background-color: rgb(245,243,240);
	}
	
	img
	{
		padding: 3px;
	}

	video
	{
		padding: 2px;
	}

/*Tables centered & with borders*/
	table, th, td
	{
		padding: 3px;
		border-collapse: collapse;
		border: 1px solid black;
		margin: 0 auto;
		text-align: center;
	}
	/*adjusts the width of the table to the page's width*/
	table
	{
		width: 85%;
	}
	/*Table caption bigger, nicer background-color and borders*/
	caption
	{
		padding:5px 0px 5px 0px;
		font-weight: bold;
		background-color:rgb(158,171,224);
		border: 2px solid black; border-bottom: 1px solid black;
	}

	
/*link to PAMELA's website in home page*/
	#pam_link
	{
		font-weight: normal;
		font-size: medium;
	}

/*Centered, padding top and botton, bigger font*/
	h1
	{
		margin: 0px auto 0px auto;
		padding-top: 10px; padding-bottom: 10px;
		text-transform: uppercase;
		text-align: center;
		font-size: 3em;
	}
	h2
	{
		text-align: center;
		padding-top: 35px;
		color: maroon;
	}
	h3
	{
		text-align: center;
		margin-bottom: 3px;
		margin-top: 20px;
	}

	hr
	{
		margin-left: 10%;
		margin-right: 10%;
	}

/*full width hr in index page between goals and acquisition details*/
	#hrindex
	{
		margin-left: 0px;
		margin-right: 0px;
	}

/*Top of the ground truted page: left-aligned text in the table, without borders */
	#ground_truth_table td, table,p
	{
		border: none;
		text-align: left;
	}

/*top menu style : all the pages*/
	#toolbar ul
		{
		margin: 0px;
		padding: 0px;
		border: none;
		list-style-type: none;
		}
	#toolbar a
	{
		font-weight: bold;
		text-transform: none;
		color: white;
		background-color: grey;
		text-align: center;
		display: block;
		float: left;
		width: 33.33%;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	#toolbar a:hover, #toolbar a:focus, #toolbar a:active, #toolbar a.thispage
	{
		text-decoration: none;
		background-color: rgb(158,171,224);
		font-weight: bold;
	}