body {
	font: 62.5% "Trebuchet MS", sans-serif;
	/*margin: 50px;*/
	background: #FFFFCC; /* light yellow*/
}
body p {
	font-size: 15pt;
}

body form {
	font-size: 15pt;
}
/* shoould be the same as p above*/
li {
	font-size: 15pt;
}
/* used in the matching test pages*/
h1 {
	/*background-color: green;*/
	height: 30px;
	margin: 0 0 0 0;
	/*margin: 50px;*/
}
/* used for instructions */
h2 {
	font-size: 16pt;
	color: #006600; /*green*/
	border-style: groove;
	border-width: 5px;
	/*margin: 50px;*/
}
/* used only a little for some headings*/
h3 {
	font-size: 16pt;
	/*margin: 50px;*/
}
/* used for answer options in questionnaires */
label {
	font-size: 14pt;
	/*color: rgb(0,100,0);*/
	color: black; /* grey */
}
/* CLASSES */
.instructions {
	text-align: center;
}
.invisible {
	display: none;
}
.answer_button {
	width: 70px;
	height: 70px;
	margin: 5px;
	font: 16pt "Trebuchet MS", sans-serif;
	border-style: solid;
	border-width: 5px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}
.button_hover {
	background-color: blue;
	color: white;
	cursor: pointer;
}
/* for high UA*/
.high_ua_button {
	width: 180px;
	height: 100px;
	font: 16pt "Trebuchet MS", sans-serif;
	border-style: solid;
	border-width: 5px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
	margin-top: 60px;
}
/* for high UA*/
.figure_to_match_high_ua {
	/*background-color: black;*/
	width: 200px;
	height: 200px;
	margin: 10px 90px 10px 90px;
	float: left;
}


.figure_to_match_low_ua {
	/*background-color: black;*/
	width: 200px;
	height: 200px;
	margin: 10px auto 10px auto;
}
.leftFigure {
	margin: 10px 10px 10px 0;
	float: left;
}
.middleFigure {
	margin: 10px 10px 10px 10px;
	float: left;
}
.rightFigure {
	margin: 10px 0 10px 10px;
	float: right;
}
.number {
	font-size: 16pt;
	text-align: center;
}
/* for high UA*/
.tooltip {
	font: 12pt "Trebuchet MS", sans-serif;
	color: rgb(160,0,0); /* dark red*/
}
/* for questionnaires*/
.questionnaire_div {
	width: 900px;
}
.two_image_div {
	width: 900px;
	height: 360px;
}
.left_image_div {
	float: left;
}
.right_image_div {
	float: right;
}
.navigation_button {
	font: 14pt "Trebuchet MS", sans-serif;
	border-style: solid;
	border-width: 5px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.fillertask_squares {
	background:#FFFFFF;
	height:100px;
  	width:100px;
  	border-style:solid;
	border-color:green;
}

.intro_dialog {
	font: 14pt "Trebuchet MS", sans-serif;
}

/* ELEMENTS */

#upper_banner {
	/*background-color: red;*/
	width: 800px;
	height: 120px;
	/*margin: 0;*/
}
#instruction_block_high_ua {
	/*background-color: yellow;*/
	width: 540px;
	height: 100px;
	margin: 10px 55px 10px 45px;
	float: left;
}
#instruction_block_low_ua {
	/*background-color: yellow;*/
	width: 540px;
	height: 100px;
	margin-top: 10px auto 10px auto;
}
#middle_banner {
	/*background-color: blue;*/
	width: 800px;
	height: 220px;
	margin: 0 0 0 0;
}
/* for high UA*/
#demo_div {
	/*background-color: yellow;*/
	width: 200px;
	height: 200px;
}
/* for high UA*/
#info_div {
	/*background-color: yellow;*/
	width: 200px;
	height: 200px;
}
#answer_choices {
	/*background-color: red;*/
	width: 790px;
	height: 120px;
	/*margin: 0 auto; -- can be used to center object*/
}
#toolbar {
	/*background-color: blue;*/
	margin-top: 40px;
	width: 800px;
	/*margin: 0 auto;*/

}
#button_bar {
	padding: 35px 10px;
	width: 800px;
	height: 100px;
	font-size: 12pt;
	/*margin: 0 auto;*/
}