body {
	margin: 0px;
	background-color: white;
	font-family: arial;
	color: black;
	font-size: 12px;
}

p {
	font-family: arial;
	color: black;
	font-size: 12px;
	text-align: justify;
}

td
{
	font-family: arial;
	font-size: 12px;
	vertical-align:top;
}

img
{
	border:0;
}

.intro
{
	color:#f78f1e;
	font-weight:bold;
	margin:10px 0px;
}

a
{
	color:#086392;
}

.content_table{
	width: 970px;
}

.sidebar
{
	border-left:solid 1px #086392;
	text-align:left;
	width:210px;
	vertical-align:top;
}

.sidebar .title
{
	background-color:#086392;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:5px 10px;
	height:15px;
	text-indent:10px;
	margin-left:2px;
}

.number
{
	text-align:justify;
	display:block;
	margin:0px 10px 5px 35px;
	font-size: 12px;
}

.number div
{
	float:left;
	margin:0px 0px 3px -25px;
}

.sidebar p, .sidebar li, .sidebar td
{
	padding:0px 10px 0px 10px;
	font-size: 12px;
}

ul, ol
{
	margin-top:0px;
}

li
{
	margin-left:-10px;
}

.contentpane
{
	vertical-align:top;
	text-align:left;
	width: 760px;
}

.contentpane fieldset, .sidebar fieldset
{
	border:0px;
	border-bottom:dashed 1px #086392;
	margin:9px;
	padding:10px;
}

.contentpane .title
{
	background-color:#086392;
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:18px;
	padding:10px 10px;
	margin-right:2px;
}

.contentpane .title span
{
	font-weight:bold;
	font-size: 12px;
}

.contentpane .subtitle
{
	display:block;
	font-weight:bold;
	font-size: 12px;
	padding:0px 10px 0px 10px;
}

.conclusion
{
	margin:9px;
	padding:10px;
}

#previoustab td
{
	padding:6px 16px;
}

ol.conclusion, ul.conclusion
{
	margin:0px 0px 0px 60px;
	padding:0px;
}

.avatar
{
	margin:5px 5px 5px 0px;
}

.avatar2
{
	margin:-10px 5px 5px 0px;
}

#tab span
{
	display:inline-block;
	width:182px;
	padding:2px;
	height:16px;
	text-align:center;
	font-weight:bold;
	font-size: 12px;
}

.active
{
	cursor:default;
	background-color:#086392;
	color:#fff;
}

.nonactive
{
	cursor:pointer;
	background-color:#086392;
	color:#fff;
	text-decoration:underline;
}

.nonactive:hover
{
	text-decoration:none;
}

#todaytab
{
	display:block;
}

#previoustab, #upcomingtab, #halloffametab, #twinterviewtab, #todaytab
{
	display:none;
}

.followus
{
	padding:60px 60px 0px 0px;
	border:0px;
}

#facebook
{
	margin:0px 35px;
}

textarea
{
	width:99%;
	font-family: arial;
	color: black;
	font-size: 12px;
	border:solid 1px #086392;
}

input
{
	font-family: arial;
	color: black;
	font-size: 12px;
	border:solid 1px #086392;
	height:20px;
	width:180px;
}

.question
{
    background-image: url("../images/questionnaire/question_background.jpg");
    background-position: top left;
    background-repeat: no-repeat;
	cursor:default;
    text-indent: 10px;
	height: 35px;
	line-height: 35px;
	margin: 0px;
	background-color:#086392;
	font-weight: bold;
	color:#fff;
	border: 0px;
	font-size: 12px;
}
.questionRT
{
    background-image: url("../images/questionnaire/profile_option.jpg");
    height: 35px;
    line-height: 35px;
    text-indent: 25px;
    background-position: top left;
    background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	color:#fff;
    cursor: pointer;
}

.questionRT_open
{
    background-image: url("../images/questionnaire/profile_option_open.jpg");
    height: 35px;
    line-height: 35px;
    text-indent: 25px;
    background-position: top left;
    background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	color:#fff;
    cursor: pointer;
}

.questionRT:hover
{
	background-image: url("../images/questionnaire/profile_option_hover.jpg");
}

.results_table 
{
    border: 1px solid #d8d9db;
    }

.results_percentage 
{
    text-align: center;
    width: 40px;
    }


table.results_table tr
{
    background-color: white;
    }
    
table.results_table tr:hover
{
    background-color: #f6f6f6;
    }


/* Uitbreiding door Frederick Giët op dinsdag 16 juni 2009 */
/* Css klassen voor questionnaire en reporting             */

.question, .questionRT {
    margin-right: 20px;
}

.twitter_loginbox {
    margin-bottom: 20px;
    background-image: url("../images/questionnaire/answer_background.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    margin-right: 20px;
    padding: 20px;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 12px;
    
}

.twitter_loginbox input {
    border: 2px solid #086392;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #81b8d5;
    color: White;
}

.twitter_login_nextbutton {
    height: 39px;
    width: 199px;
}

.twitter_login_loginbutton {
    height: 39px;
    width: 179px;
}

.twitter_login_txt {
    padding: 5px;
}

.twitter_loginbox input.twitter_login_button, .twitter_login_nextbutton {
    height: 34px;
    background-color: #086392;
}

.twitter_login_nextbutton {
    border: 0px;
}

table.twitter_login_formtable {
    text-align: left;
    color: #777777;
    margin-top: 15px;
    font-size: 12px;
}

.normal_radio input {
    width: 20px;
    border: 0px;
    vertical-align: middle;
}

div.questansw {
    margin-bottom: 20px;
    background-image: url("../images/questionnaire/answer_background.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

div.questansw input, div.questansw select {
    margin-left: 10px;
    margin-top: 10px;
}

div.questansw table {
    margin-top: 10px;
    margin-left: 10px;
}

div.questansw table.gridtable {
    width: 720px;
}

div.questansw table.normal_radio input, div.questansw table tr td.AnswerOptionInput input {
    margin-left: 0px;
    margin-top: 0px;
}

div.questansw table tr td.AnswerOption {
    vertical-align: middle;
}

div.questansw table tr td input {
    margin-left: 0px;
}

div.questansw table tr td {
    font-weight: bold;
}

div.questansw table.normal_radio {
    margin-top: 10px;
}

td.AnswerOption {
    font-weight: bold;
    width: 150px;
}

td.AnswerOptionInput {
    width: 30px;
}

table.gridtable {
    width: 100%;
    border: 0px;
}

table.gridtable th {
    text-align: center;
    font-weight: bold;
}

table.gridtable td.AnswerOption {
    width: 28%;
}

td.answerradio {
    text-align: center;
    width: 12%;
}

table.results_table, div#resultsExtra {
    width: 735px;
    margin-bottom: 20px;
}

div#resultsExtra table{
    width: 740px;
    border: 1px solid #ddd;
}

div#resultsExtra table tr{
    background-color: #fff;
}

div#resultsExtra table tr:hover{
    background-color: #f5f5f5;
}

.opgave {
    font-weight: bold;
}

.tableheader {
    width: 60px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #efefef;
    background-color: #f5f5f5;
}

.value {
    text-align: center;
}

.green
{
    color:Green;
}

.red
{
    color:Red;
}

p.alert {
display: block;
margin-left: 10px;
color: Red;
}

.friendstatus {
    text-align: center;
    border: 1px solid #ddd;
    background-color: #efefef;
    padding: 5px;
    font-size: 14px;
    margin-right: 20px;
}

.normal_text {
    margin-right: 20px;
}

h1
{
    font-size:18px;
}

.highlight
{
    font-weight:bold;
    color: #333;
}

.ulcheck
{
    list-style-image: url("/images/vink.gif");
}