html, body {
	margin: 0px;
}

input.other {
	border: 1px solid #a0a0a0;
	padding: 2px;
}

input.personalcode {
	border: 1px solid #a0a0a0;
	padding: 2px;
	color: red;
	font-family: lucida console, courier;
	font-weight: bold;
	height: 20px;
}

.debuginfo {
	font-family: "lucida console", "courier new";
	font-size: 9pt;
	font-weight: normal;
	background-color: #f6f8fb;
	padding: 5px;
	color: #444;
	border: 2px solid red;
	height: 100px;
}


#progressbar_background {
	background-color: #a0a0a0;
	height: 15px;
	width: 120px;
	text-align: left;
	padding: 2px;
	margin-right: 3px;
}
#progressbar_bar {
	background-color: #b4d1e7;
	height: 15px;
	text-align: right;
	padding-right: 2px;
}
small {
	font-size: 8pt;
}
.intro {
	color: #604060;
	display: block;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 5px;
}
.chapter {
	margin-right: 10px; 
	position: relative; 
	top: 45px; 
	float: right;
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 5px;
	color: #000;
}
h3 {
	border-bottom: 1px solid #a0a0a0;
}
h4 {
	margin-top: 10px;
	margin-bottom: 2px;
}

#startbutton {
	border: 1px solid #a0a0a0; 
	border-bottom: 2px solid #a0a0a0; 
	border-right: 2px solid #a0a0a0; 
	background-color: #f0f0f0;
}

.logo {
	background-image: url('og_seamless.gif');
	background-repeat: repeat;
	height: 140px;
	background-color: #f6f8fb;
}

.question {
	height: 1px;
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	background-color: #f6f8fb;
	padding: 5px;
	color: #444;
	border-bottom: 1px solid #d0d0d0;
}

td {
	font-family: arial;
	font-size: 11pt;
}

.answers {
	font-family: arial;
	font-size: 11pt;
	background-color: #f4f6f0;
	padding: 5px;
}

#msg {
	font-size: 11pt;
	width: 250px;
	border: 1px solid #aaa;
	padding: 5px;
	position: relative;
	top: -380;
	left: 400;
}

.indent {
	text-indent : -21px;
	margin-left : 21px;
}

.cell_state0 {
	background-color : transparent;
	cursor : pointer;
}

.cell_state1 {
		background-color : #ff8000;
		cursor : pointer;
}

.cell_state2 {
		background-color : #ff0000;
		cursor : pointer;
}

.instruction {
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	color: #ff8000;
	/* border-top: 1px solid #a7b7d7; */
	border-bottom: 1px solid #d0d0d0;
	background-color: #eee;
	padding: 2px;
	padding-left: 25px;
	height: 5px;
	background-image: url('images/info.gif');
	background-repeat: no-repeat;
	
}
.message {
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	color: #ff8000;
	border-top: 1px solid #ffff00;
	border-bottom: 1px solid orange;
	background-color: #ffe14e;
	padding: 2px;
	padding-left: 25px;			
	height: 1px;
	background-image: url('images/error.gif');
	background-repeat: no-repeat;
}
.sometext {
	font-family: arial;
	font-size: 10pt;
	background-color: #f4f6f0;
	padding: 5px;
}
.footer {
	border-top: 1px solid #a0a0a0;
	height: 21px;
	background-color: #f7f9fc;
}

.footer_text {
	font-family: arial;
	font-size: 8pt;
}

.hyperover {
	color: #4040a0;
	text-decoration: underline;
	cursor: pointer; cursor: hand;
}

.openend {
	border: 1px solid #d0d0d0;
}

/* Matrix vraag */
.statement_header_odd {
	font-size: 8pt;
	font-weight: normal;
	padding: 4px;
	border-left: 1px solid #d0d0d0;
	vertical-align: bottom;
}
.statement_header_even {
	font-size: 8pt;
	font-weight: normal;
	padding: 4px;
	border-left: 1px solid #d0d0d0;
	vertical-align: bottom;
}

.statement_row_odd {
	background-color: #e0e0e0;
}

.statement_row_odd_done {
	background-color: #e0f0e0;
	font-style: italic;
}

.statement_row_odd_error {
	background-color: #f0e0e0;
	font-weight: bold;
}

.statement_even, .statement_odd {
	padding: 3px;
}

.statement_even_done, .statement_odd_done {
	padding: 3px;
}

.statement_even_error, .statement_odd_error {
	padding: 3px;
}

.statement_row_even {
	background-color: transparant;
}

.statement_row_even_done {
	background-color: #d0f0d0;
	font-style: italic;
}

.statement_row_even_error {
	background-color: #f0d0d0;
	font-weight: bold;
}

.statement_cell_odd_odd, .statement_cell_odd_even {
	border-left: 1px solid #d0d0d0;
}

.statement_cell_even_odd, .statement_cell_even_even {
	border-left: 1px solid #d0d0d0;
}

.foto {
	border: 1px solid #d0d0d0;
	float: right;
}

input.rank_button {
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #a0a0a0;
	color: #1476bc;
}