/*
Application specific stylesheet for "KCVS"
For styles needed for examination, see app_qst.css
The css-file is based on app_pagonia.css, v 0.07 (27-june-2006), Byelex Multimedia Products BV
app_qst.css and app_kcvsqst.css have been merged to this app_kcvs.css stylesheet (19-june-2007).
*/
body {overflow: auto;}
/* VS */
/*.login #bar_menu,
#bar_menu {background:#fff url(../images/grassy_top_wide.jpg) right no-repeat;z-index:10;padding:0pt 8px;}
*/
.page_title {margin:16px 0 0 0; }
#bar_buttons input {font-family:Verdana, Arial, Helvetica, sans-serif}
.leftbox {margin-right:0; width:45%; border:0; float:left; }
/* KCVS */
/*.leftbox, .widebox {padding-left:16px; margin-top:16px;font-size:12px;line-height:17px; }
/**/
/* VS */
/*.leftbox, .widebox {padding-left:16px; padding-right:16px;font-size:12px;line-height:17px; }
*/
/* Advisor login page */
/* KCVS */
/*.login #page_align {
background:#fff;
position:absolute;
width:764px;
margin-left:-382px;
left:50%;
}
/**/
/* KCVS */
/*.login #bar_menu {background:#fff url(../images/kc_bar_menu.png) no-repeat; height:97px;}
.login .sidebox {margin-left:0; width:330px; float:left; border: none; }
.login .sidebox * {font: 10px/1.7em Verdana, Arial, Helvetica, sans-serif;}
.login .sidebox .hoewerkthet {list-style: none; padding: 0 0 0 5px;}
.login .sidebox .hoewerkthet li {margin: 0px 0 10px 0; padding: 0 0 0 35px;}
.login .sidebox .hoewerkthet li.een {background:url(../images/header_login_03.png) no-repeat 10px top;}
.login .sidebox .hoewerkthet li.twee {background:url(../images/header_login_04.png) no-repeat 10px top;}
.login .sidebox .hoewerkthet li.drie {background:url(../images/header_login_05.png) no-repeat 10px top;}
.login .sidebox .info {background: #fff; width:220px; height:125px; border: 2px solid #999999; padding: 5px; }
.login .sidebox #help01 {position:absolute; left:50px; top:250px; z-index:1; visibility: hidden; }
.login .sidebox #help02 { position:absolute; left:130px; top:250px; z-index:2; visibility: hidden; }
.login .sidebox .header01 a { position: relative; top: -8px; left: 10px; }
/**/
/* VS */
/*.login .leftbox {width:330px; border: none; float:none;}
.login .leftbox * {font: 10px/1.7em Verdana, Arial, Helvetica, sans-serif;}
.login .leftbox .hoewerkthet {list-style: none; padding: 0 0 0 5px;}
.login .leftbox .hoewerkthet li {margin: 0px 0 10px 0; padding: 0 0 0 35px;}
.login .leftbox .hoewerkthet li.een {background:url(../images/header_login_03.png) no-repeat 10px top;}
.login .leftbox .hoewerkthet li.twee {background:url(../images/header_login_04.png) no-repeat 10px top;}
.login .leftbox .hoewerkthet li.drie {background:url(../images/header_login_05.png) no-repeat 10px top;}
.login .leftbox .info {background: #fff; width:220px; height:125px; border: 2px solid #999999; padding: 5px; }
.login .leftbox #help01 {position:absolute; left:50px; top:250px; z-index:1; visibility: hidden; }
.login .leftbox #help02 { position:absolute; left:130px; top:250px; z-index:2; visibility: hidden; }
.login .leftbox .header01 a { position: relative; top: -8px; left: 10px; }
*/
/* KCVS */
/*.login .leftbox {width:300px; float:right; border:0}
.login h1 {font-size:27.4px}
.loginblock {width:389px; float:left; height:136px; margin-top:64px; }
.nl { background:url(../images/block_login_bg_nl.gif) no-repeat; }
.en { background:url(../images/block_login_bg_en.gif) no-repeat; }
.loginblock table {margin-top:40px; padding:8px; float:right; text-align:right;}
.loginblock table td {padding:0 4px;}
.loginblock input {float:right;clear:both; margin-right:14px}
.loginblock table input {width:250px; margin:0; padding:3px}
/**/
/* KCVS */
/*table.advisor_progresstable {position:absolute; top:64px; left:195px; width:452px;border:1px solid #aaa}
/**/
/* VS */
/*table.advisor_progresstable {position:absolute; top:64px; left:24px; width:420px;border:1px solid #fff; background:#eee; border-collapse:collapse}
table.advisor_progresstable td {padding:2px}
table.advisor_progresstable td.fill {background:#47A1DA url(../images/bg_brightfade.jpg) bottom repeat-x}
*/
/* SG styles for information/confirmation screen */
table.message_table {width: 95%; }
table.message_table td {padding: 5px; text-align: center; font-size: 14px; }
table.message_table table.message_table_buttons {width: 95%; }
table.message_table td.first_btn { text-align: right; width: 15%; }
table.message_table td.mid_btn { text-align: center; width: 15%;}
table.message_table td.last_btn { text-align: left; width: 15%;}
/* --------------- */
/* DmS added elements */
/* KCVS */
/*#error_message {
position: absolute;
top: 250px;
left: 25%;
right: 25%;
font-size: 11px;
color: #FFFFFF;
background: #882922;
border: 2px solid #dee;
z-index: 120;
padding: 1px;
}
/**/
/* VS */
/*#error_message {
position: absolute;
top: 250px;
left: 25%;
right: 25%;
font-size: 11px;
font-weight: bold;
border:3px ridge #a70240;
z-index: 120;
background:#a70240;
color:#fff;
padding:8px 16px;
}
*/
#error_message input {
margin: 5px 2px 2px 2px;
float: right;
}
/* small adjustment to display the customer logo in the menu_list2 screenspace */
#menu_list2 {width:110px;}
#content a.h1 {font-size:1.6em; text-decoration:underline;}
.centered {text-align:center;}
/*
This css-file contains styles needed for examinaton (i.e. exm.xhtml)
The stylesheet is based on application specific stylesheet for "Vitaliteitsonderzoek", v1.01 (08-sept-2006)
*/
a { color:#333;}
a:hover {text-decoration:none; color:#0066FF}
#bar_buttons input {font-family:Verdana, Arial, Helvetica, sans-serif}
/* KCVS */
/*#apptitle {left:224px; top:20px;}
/**/
/* VS */
/*#apptitle {left:24px; top:20px; margin-right:5px}
#apptitle img {border:0; float:right;margin-top:-24px;}
*/
/* Advisor introduction page / piform */
.intro #container {line-height:1.1em}
.box li {margin:3px 0}
table.reviewdata {float:right; width:330px; border:1px solid #ccc;}
table.reviewdata td {padding:4px; margin:0}
table.reviewdata th {text-align:left}
table.reviewdata .labelleft {text-align:left; background-color:#eee; width:130px}
a.button_start {display:block; padding:6px; border:1px solid #aaa; text-align:center; background:#eee}
/* KCVS */
/*a:hover.button_start {border:1px solid #a70240; background:#fee; color:#a70240}
/**/
/* VS */
/*a:hover.button_start {border:1px solid #335ea8; background:#d7e9f5; color:#335ea8}
*/
/* Advisor custom styles */
/* KCVS */
/*#bar_buttons_adv {margin-left:8px}
/**/
/* VS */
/*.advisor_questions label {padding:16px 0;}
*/
.advisor_questions label:hover {background:#fff;}
dd.checked label,
option.selected {font-weight:bold; color:#333;}
/* KCVS */
/*.unanswered {color: #AA2922; }
/**/
/* VS */
/*.unanswered {
display:block;
background:#f4f4f4;
color: #a70240;
margin:-8px;
padding:8px;
width:100%;
}
*/
dl:hover, dl:hover dt,
dl:hover label {background-color:#e4e4e4; color:#000}
dd:hover {color:#000}
dl .glue {padding:0; clear:both;}
dl {height:expression('3em')} /* fix for displaying redbordered background for unanswered questions in IE */
.questionbox {width: 100%;}
dl {width:auto; border:1px solid #fff;}
.ruler {clear:both; border-bottom:1px solid #ccc}
.answerbox dd label span {
display: inline; /* Firefox */
_display: inline-block; /* IE6 only*/
}
.explanationbox {
/*background:#f4f4f4;*/
width: 100%;
padding:30px 8px 15px 8px;
font-family:Verdana,Arial,Helvetica;
font-size:14px;
font-weight:bold;
line-height:16px;
}
.participation_explanation {
width: 100%;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 12px;
font-family:Verdana,Arial,Helvetica;
font-size:12px;
color: #444444;
}
.padtop {padding-top: 2px !important;}
a.copyrightlink {text-decoration: none;}
span:hover.copyright {text-decoration: underline;}
.helptip {display:none; position:absolute; background:#ffe; border:#ccc 1px solid; width:360px; padding:1em}
.img_button { border : none; margin-left: 5px; margin-right: 5px;}
div.answerbox.vertical dd, div.answerbox.vertical dd label {width:100%;}
div.answerbox.vertical {margin-bottom: 12px;}
a.button_start-left {
position: relative;
width: 48%;
margin-right: 1%;
display: inline-block;
}
a.button_start-right {
position: relative;
float: right;
width: 48%;
display: inline-block;
}
.consent {clear:both; padding-top:16px; padding-bottom: 16px; font-size: 14px; font-weight: bold; }
.consent a {font-size: 14px;}