body {
	color: #464646;
}

h1, h2, h3 {
	margin-bottom: 0;
	font-weight: normal;
	color: #549900;
}

h1 { 
	font-size: 220%; 
	margin-bottom: 0.5em;
	text-align: center;
}

h2 { font-size: 130%; }

p, ul, ol {
	text-align: justify;
}

a { color: #D99821; }

a:hover { text-decoration: none; }

a img { border: none; }

div#fullpage {
	margin-left: auto;
	margin-right: auto;
}

div#fullpage>div {
	margin-left: auto;
	margin-right: auto;
}

div.description {
	text-align: center;
	width: 70%;
	border-width: 2px;
	background-color: lightgreen;
	border-style: groove;
	padding: 5px;
        margin: 0.5em 15% 1em 15%;
}

div.timeout p {
	text-align: center;
	font-size: 80%;
}

div.timeout em {
	color: red;
	font-size: 180%;
	font-weight: bold;
}

div.error {
	width: 70%;
	border-width: 2px;
	background-color: #FBB;
	border-style: groove;
	padding: 5px;
        margin: 0.5em 15% 1em 15%;
}

div.start_evaluation {
	text-align: center;
}

div.start_evaluation form input[type=submit] {
	margin-left: auto;
	margin-right: auto;
}

div#footer {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

div#footer>div {
	display: table-cell;
	padding-left: 5%;
	padding-right: 5%;
}

div#footer>div:first-child {
	border-left: none;
}

div#footer>div {
	border-left: 2px solid #f00;
}

div#footer ul li {
	padding-left: 20px;
}

div#summary {
	margin-left: auto;
	margin-right: auto;
	max-width: 768px;
	width: 80%;
}

div#summary form div { text-align: center; }
div#summary form table td { text-align: left; }
div#summary form table { width: 100%; }
div#summary input[type=text] { width: 100%; }
div#summary textarea { width: 100%; }
div#summary input[type=submit] {
	text-align: center;
}

table.options label {
	font-style: italic;
}

table.options td {
	padding: 5px;
	vertical-align: top;
}

table.options td ul {
	padding: 2px 20px 2px 20px;
}

table.options td ul li {
	margin-left: 2px;
}

table.options td.answer {
	text-align: center;
}

ul.quality li { list-style-type: none; }
ul.quality li span.key { font-weight: bold; min-width: 1.5em; display: inline-block; }
ul.quality li span.text { font-style: italic; }

table.options th {
	font-size: 150%;
	font-weight: bold;
}

table.options tr.option_image td {
	text-align: center;
}

/* colors taken from the tango desktop project
 * http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines
 */
table.options td.column0 { background-color: #fce94f; }
table.options td.column1 { background-color: #fcaf3e; }
table.options td.column2 { background-color: #8ae234; }
table.options td.column3 { background-color: #729fcf; }
table.options td.column4 { background-color: #ad7fa8; }
table.options td.column5 { background-color: #ef2929; }
table.options td.column6 { background-color: #e9b96e; }

input[type=submit], input[type=button] {
	font-weight: bold;
}