*
	{ margin: 0px auto; padding: 0px auto; box-sizing: border-box; }
br 
	{ clear: left; }
ul
	{ margin: 10px; }
ul.tabs
	{ list-style: none; margin-top: 200px; }
.tab-switcher 
	{ display: inline-block; cursor: pointer; margin-right: 25px; margin-bottom: 100px; border-right: 1px solid green; border-top: 1px solid green; background-color: #ccc; font-size: 120%; padding: 10px; }
ol li, ul li
	{ padding: 10px; }
h2
	{ margin: 30px 0 30px 0; font-size: 180%; }
body
	{ margin:0; padding:0; font: 15px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; background-color: #FFFFFF; }
div#page_wrapper
	{ color: #000000; background-color: none; 
		position: absolute; top: 0px; /* Header Height */ bottom: 20px; /* Footer Height */ width: 100%; }
div#header
	{ height: 120px; width: 90%; text-align: center; position: fixed; background-color: #FFFFFF; left: 2%; z-index: 1000; }
	div#header img
		{ max-width: 80%; height: 110px; display: block; margin-left: auto; margin-right: auto; }
	div.subtitle
		{ margin-left: auto; margin-right: auto; font-size: 140%; font-weight: bold; }
div#main_work_project, div#main_project_proposal, div#main_second_report, div#main_discussion, div#main_video_presentation
	{ margin-left: 20px; margin-right: 20px; align: center; min-height: 300px; position: relative; width: 90%; height: 100%; }
	
	table#bubblesImgs
		{ margin-left: 10px; margin-top: 20px; margin-bottom: 200px; border: 1px solid #000000; }
		table#bubblesImgs th
			{ font-weight: bold; font-size: 130%; }
		table#bubblesImgs td
			{ }
			table#bubblesImgs img
				{ height: 100px; }
	div#show_image
		{ border: 2px solid #000000; background-color: #FFFFFF; margin-left: 10px; position: absolute; z-index: 999; width: auto; height: auto; left: 100px;  }

	div#display_summary_wrapper
		{ border: 1px solid green; background-color: #FFFFFF; margin-left: 10px; position: absolute; z-index: 998; width: 300px; height: 200px; right: 10px; } 
		div#summary_results
			{ overflow: auto; width: 98%; height: 98%; font-size: 120%; padding: 20px;}
			div#summary_title
				{ font-size: 140%; font-weight: bold; margin-bottom: 20px; align: center; }


	div#projectProposalPdf, #secondReportPdf
		{ margin: 50px 4%; margin-bottom: 50px; }
		iframe.display_pdf
			{ display: block; width: 98%; height: 700px; border: none; }
	
	div#main_discussion
		{ margin: 50px; margin-bottom: 100px; }
	div#main_video_presentation
		{ margin-bottom: 100px; }

.invisible, div#results_data_hidden
	{ display: none; }
.def
	{ float: left; width: 100px; }
.result
	{ font-weight: bold; margin: 10px;}
.pass
	{ font-size: 130%;  }
.success
	{ color: green; }
.failed
	{ color: red; }
.para
	{ margin-top: 20px; font-size: 120%; }
