* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0;border-style:none; }
body { 
  padding: 0 0; 
  background: #ffffff url('grid.gif') repeat; 
  font-family: verdana, "arial",sans-serif; 
  font-size: 14px;
  line-height: normal;
  color: #000000; 
  text-align: center; 
}

/* Some padding for tables */
td, th {
    padding-top: 5px;
    padding-bottom: 5px;
}

table
{border-style:none;}
/* links ---------------------------------------------- */
a {color:#00f;}
a:link {color:#00f;}
a:hover {color:#00f; text-decoration: none;}

/* headings --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { font-size:200%; color: #0c2074;}
h2 { font-size:160%; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight: normal; color: #0c2074; }
h3 { font-size:120%; margin-top: 25px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; color: #0c2074;}
h4 { font-size:120%; color: #0c2074;}
h5 { font-size:100%; color: #0c2074;}



/* layout ---------------------------------------------------------------------- */
#layout { 
  max-width:960px; 
  margin:0 auto; 
  text-align:left; 
  /* background: #fff; */
}
#container { 
padding-top: 12px;
}
.survey-survey-percent
{
    padding: 0.2em 0%;
}
#progress-graph
{
	color: #fff;
	line-height: 1.5em;
	width: 16.8em;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2em;
	padding: 0.5em 0.5em 0.4em 1em;
	border-top: 0.1em solid rgb(50, 68, 85);
	border-bottom: 0.1em solid rgb(50, 68, 85);
	text-align: left;
}
.hide
{
	font-weight: normal;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#progress-graph div.zero
{
	width: 2.6em;
	margin-right: 0%;
}
#progress-graph div.graph
{
	width: 10em;
	height: 1.5em;
	border: 1px solid rgb(50, 68, 85);
	margin-top: -1.7em;
	margin-left: 2.6em;
	margin-right: 0%;
}
#progress-graph div.cent
{
	width: 3em;
	margin-top: -1.5em;
	margin-left: 13.8em;
	margin-right: 0%;	
}

/* header ------------------------------------------------------------------ */
#header { position:relative; padding-left: 9px; background: white; padding: .5em; }
  
#logo {
font-weight: bold;
color: #fff;
position: relative; 
/*overflow: hidden;
height: 80px;*/
font-size:200%;
margin: 0 0 9px 0;
/*line-height: 130px;*/
}
#logo a{
color: #fff;
text-decoration: none;
}

#logo .leaf {
position: absolute; 
left: 0; 
top: 9px; 
z-index: 1; 
width: 160px;
height: 57px;
background: url('logo_erasmusmc.gif') no-repeat; 
cursor: pointer;
}

#logo .light {
color: #3f576e;
}
	
.content {
  margin-left:auto; 
  margin-right:auto; 
  padding: 0 0 0 0;
  max-width:925px;
  z-index: 10;
}
.content .in{
  padding: 0 0 0 10px;
}

/* columns ----------------------------------------------------------------- */
#panel-left { float:left; width:200px; }
.panel .in { padding: 10px; }

#panel-left span  { color: #515f6a; }

#panel-left p  { margin-top: 5px; }

/* footer ----------------------------------------------------------------- */
#footer {
  clear:both;
  height: 30px;
  margin-top: 20px;
  border-top: 1px solid #324455;
  padding:10px 3px;
  color: #0c2074;
  font-size: 90%
}

#footer a {
  color: #333333;
}

  #footer p { margin:0; padding-top:10px; }




/* paragraphs -------------------------------------------------------------------- */
p { margin:0 0; }

/* tables --------------------------------------------------------------------- */
table { border-collapse:collapse; border-spacing:0; font-size:100%; width: 75%;}

/* lists --------------------------------------------------------------------- */
ul, ol { display:block; margin-left: 7px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item;list-style-type: none;
margin-left: 1em; }
ul li a { text-decoration:underline; }

/* definitions -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* universal --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
.normal { font-weight:normal; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.f-left {float:left;}
.f-right {float:right;}
.a-left, tr.a-left td {text-align:left; }
.a-center, tr.a-center td {text-align:center; }
.a-right, tr.a-right td {text-align:right;  }
.a-justify {text-align:justify; }
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }

.foto{  display: block;}
.survey-privacy 
{margin-top:30px;}

.survey-survey-percent {
text-align:center;
margin:0 auto;
}

.graph table {
border-collapse: separate;
border-top:1px solid #324455 !important;
border-bottom:1px solid #324455 !important;
}


.innergraph img {
height:12px;
vertical-align:top;
}

.innergraph table {
height:12px;
border:1px solid #324455;
table-layout:fixed !important;
border-collapse:collapse;
}

.innergraph tr {
height:12px;
border-top-style:solid;
border-bottom-style:solid;
margin:0px;
padding-top:0;

}

.innergraph table td {
height:12px;
font-size:1px;
line-height:5px;
}

.survey-groupdescription {
font-weight:400;
font-size: 1em;
border-bottom:1px solid #ddd;
margin:0 0 0px;
padding:0 0 .5em 3px;
}

.survey-groupname {
clear: left;
font-weight:700;
font-size:1.1em;
border-top:1px solid #ddd;
margin:10px 0 0;
padding:2px 0 .5em 3px;
}

.survey-question {

/*border-top:1px solid #a0a9b0;*/
margin:5px 0 5px 0%;

}

.survey-question-answer {
/* display:block; */
margin-left: 5em;
float:center;
font-weight:normal;
font-size:1em;
margin-top:10px;
min-width: 358px;
}

.survey-question-answer button{height:24px;}

.survey-question-help {
/* line-height:24px; */
margin:2px 0 0 2px;
float:left;
font-size: .9em;
font-style: italic;
color: #333333;
}

.survey-question-help img {
padding:0 10px 0 0;
}

.survey-question-space {
height:5px;
clear: both;
}

.survey-question-text {
/* display:block; */
/*float:left;
width: 24em;*/
padding-top:7px;
font-weight:bold;
background-color: #E8F5FD;
border-top: 1px solid;
font-size: 1em;
}

.answertext
{
 padding-left:5px;
 padding-right:5px;
}

.textarea
{
   /*width:350px;
   height:120px;*/
}

.register td
{ 
  padding: 2px;
}

.register table
{
width:auto;
}

.array1 {
  font-family: verdana;
  font-size: 1em;
  background-color:#FFF;
  text-align:left;
}

.array2 {
  font-family: verdana;
  font-size: 1em;
  background-color:#E8F5FD;
  text-align:left;
}

select
{
  min-width: 150px;
}

.errormandatory
{
    color:#EB0101;
}

.errormandatory:before {
    content: '!! ';
}


/* -------------------------------------------------
   START: Question styles  ------------------------- */

/* =====================================
== Full list of question classes =======
*/
 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale  {
clear:left;
}

/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
 .choice-5-pt-radio ul
,.list-radio-flexible ul
,.list-radio ul
,.list-with-comment ul
,.multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.yes-no ul
,.gender ul
{
	margin-left: 7px;
	padding-left: 0%;
}

 .choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
,.multiple-opt li
,.multiple-opt-comments li
,.multiple-short-txt li
,.numeric-multi li
,.yes-no li
,.gender li
{
	list-style-type: none;
	text-align: left;
	margin: 0% 0% 0em 0.5em;
}
 .choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
{
	margin-left: 2em;
	text-indent: -1.7em;
}


.list-dropdown optgroup option
{
	margin-left: 1.5em;
}
/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */


/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/
/*
 .choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
	text-align: left;
}
 .choice-5-pt-radio ul li
,.yes-no ul li
,.gender ul li
{
	display: inline;
	padding: 0% 1em;
}
*/

/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question { margin-left: 1em; }
.date p.question select.day {}
.date p.question select.month {}
.date p.question select.year {}

 .date p.tip
,.numeric-multi p.tip
,.numeric p.tip
{
	margin-left: 1.5em;
	font-size: 80%;
	font-style: italic;
	line-height: 150%;
	color: #000
}

 .numeric-multi p.tip.error
,.numeric-multi input.tip.error
{
	color: #f70;
	font-weight: bold;
}
 .numeric-multi p.tip.good
,.numeric-multi input.tip.good

{
	color: #090;
	font-weight: bold;
}

/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/

  ul.cols-2 , table.cols-2
, ul.cols-3 , table.cols-3
, ul.cols-4 , table.cols-4
, ul.cols-5 , table.cols-5
, ul.cols-6 , table.cols-6
, ul.cols-7 , table.cols-7
, ul.cols-8 , table.cols-8
{
	width: 98%;
	margin: 0% auto 0% auto;
}
  ul.cols-2 li , ul.cols-2-ul
, ul.cols-3 li , ul.cols-3-ul
, ul.cols-4 li , ul.cols-4-ul
, ul.cols-5 li , ul.cols-5-ul
, ul.cols-6 li , ul.cols-6-ul
, ul.cols-7 li , ul.cols-7-ul
, ul.cols-8 li , ul.cols-8-ul
{
    float: left;
    padding: 0% 0.5em;
    white-space: normal;
    box-sizing: border-box;
}

ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 44%; }
ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30.5%; }
ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 23%; }
ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 19%; }
ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15%; }
ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 13%; }
ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 11.5%; }

.list-dropdown-flexible p.question
{
	margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment div.list
{
	width: 47%;
	float: left;
	padding: 0.5em;
}
.list-with-comment p.select
{
	width: 47%;
	float: left;
	padding: 0.5em;
	margin: 0%;
}
.list-with-comment div.list p
{
	margin: 0%;
	text-align: left;
}
.list-with-comment p.comment
{
	margin: 0%;
	padding: 0.5em;
	text-align: left;
	float: left;
	width: 47%;
}
.list-with-comment p.comment textarea
{
	width: 100%;
}


.ranking {}

/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/

.language {}
.multiple-opt-comments input.text
{
	width: 20em;
}
.multiple-opt-comments label.answertext input.checkbox
{
	position: relative;
	top: 0.1em;
}
.multiple-opt-comments input.text.other
{
	width: 7em;
	display: inline;
}
/*
.multiple-opt-comments li label.answertext
{
	display: block;
	margin-top: -1.5em;
	margin-left: 2.5em;
}
.multiple-opt-comments li input.text
{
	display: block;
	margin-left: 2em;
	margin-top: 0.2em;
}
.multiple-opt-comments li.other label.answertext
{
	display: inline;
	margin-top: 0%;
	margin-left: 2.5em;
}
.multiple-opt-comments li.other input.text.other
{
	display: inline;
	margin-left: 0%;
}
*/


.multiple-short-txt li span
{
	margin-left: 0.5em;
	width: 20em;
}
.multiple-short-txt ul.numbers-only li span
{
	width: 10em;
}


.numeric-multi ul.computed
{
	margin-right: 12em;
}

 .multiple-opt-comments ul.X2  label.answertext , .multiple-short-txt ul.X2  label , .numeric-multi ul.X2  label
,.multiple-opt-comments ul.X4  label.answertext , .multiple-short-txt ul.X4  label , .numeric-multi ul.X4  label
,.multiple-opt-comments ul.X6  label.answertext , .multiple-short-txt ul.X6  label , .numeric-multi ul.X6  label
,.multiple-opt-comments ul.X8  label.answertext , .multiple-short-txt ul.X8  label , .numeric-multi ul.X8  label
,.multiple-opt-comments ul.X10 label.answertext , .multiple-short-txt ul.X10 label , .numeric-multi ul.X10 label
,.multiple-opt-comments ul.X12 label.answertext , .multiple-short-txt ul.X12 label , .numeric-multi ul.X12 label
,.multiple-opt-comments ul.X14 label.answertext , .multiple-short-txt ul.X14 label , .numeric-multi ul.X14 label
,.multiple-opt-comments ul.X16 label.answertext , .multiple-short-txt ul.X16 label , .numeric-multi ul.X16 label
,.multiple-opt-comments ul.X18 label.answertext , .multiple-short-txt ul.X18 label , .numeric-multi ul.X18 label
,.multiple-opt-comments ul.X20 label.answertext , .multiple-short-txt ul.X20 label , .numeric-multi ul.X20 label
,.multiple-opt-comments ul.X20 label.answertext , .multiple-short-txt ul.X20 label , .numeric-multi ul.X20 label
,.multiple-opt-comments ul.X22 label.answertext , .multiple-short-txt ul.X22 label , .numeric-multi ul.X22 label
,.multiple-opt-comments ul.X24 label.answertext , .multiple-short-txt ul.X24 label , .numeric-multi ul.X24 label
,.multiple-opt-comments ul.X28 label.answertext , .multiple-short-txt ul.X28 label , .numeric-multi ul.X28 label
,.multiple-opt-comments ul.X30 label.answertext , .multiple-short-txt ul.X30 label , .numeric-multi ul.X30 label
,.multiple-opt-comments ul.X-large label.answertext , .multiple-short-txt ul.X-large label , .numeric-multi ul.X-large label
{
	margin-bottom: -1.6em;
	display: block;
}
 .multiple-opt-comments ul.X2  label.answer-comment , .multiple-short-txt ul.X2  span , .numeric-multi ul.X2  div.input
,.multiple-opt-comments ul.X4  label.answer-comment , .multiple-short-txt ul.X4  span , .numeric-multi ul.X4  div.input
,.multiple-opt-comments ul.X6  label.answer-comment , .multiple-short-txt ul.X6  span , .numeric-multi ul.X6  div.input
,.multiple-opt-comments ul.X8  label.answer-comment , .multiple-short-txt ul.X8  span , .numeric-multi ul.X8  div.input
,.multiple-opt-comments ul.X10 label.answer-comment , .multiple-short-txt ul.X10 span , .numeric-multi ul.X10 div.input
,.multiple-opt-comments ul.X12 label.answer-comment , .multiple-short-txt ul.X12 span , .numeric-multi ul.X12 div.input
,.multiple-opt-comments ul.X14 label.answer-comment , .multiple-short-txt ul.X14 span , .numeric-multi ul.X14 div.input
,.multiple-opt-comments ul.X16 label.answer-comment , .multiple-short-txt ul.X16 span , .numeric-multi ul.X16 div.input
,.multiple-opt-comments ul.X18 label.answer-comment , .multiple-short-txt ul.X18 span , .numeric-multi ul.X18 div.input
,.multiple-opt-comments ul.X20 label.answer-comment , .multiple-short-txt ul.X20 span , .numeric-multi ul.X20 div.input
,.multiple-opt-comments ul.X22 label.answer-comment , .multiple-short-txt ul.X22 span , .numeric-multi ul.X22 div.input
,.multiple-opt-comments ul.X24 label.answer-comment , .multiple-short-txt ul.X24 span , .numeric-multi ul.X24 div.input
,.multiple-opt-comments ul.X26 label.answer-comment , .multiple-short-txt ul.X26 span , .numeric-multi ul.X26 div.input
,.multiple-opt-comments ul.X28 label.answer-comment , .multiple-short-txt ul.X28 span , .numeric-multi ul.X28 div.input
,.multiple-opt-comments ul.X30 label.answer-comment , .multiple-short-txt ul.X30 span , .numeric-multi ul.X30 div.input
,.multiple-opt-comments ul.X-large label.answer-comment , .multiple-short-txt ul.X-large span , .numeric-multi ul.X-large div.input
{
	display: block;
}

.multiple-opt-comments ul.X2 label.answertext , .multiple-short-txt ul.X2 label , .numeric-multi ul.X2 label { width: 2em;}
.multiple-opt-comments ul.X2 label.answer-comment , .multiple-short-txt ul.X2 span , .numeric-multi ul.X2 div.input { margin-left: 2.5em; }

.multiple-opt-comments ul.X4 label.answertext , .multiple-short-txt ul.X4 label , .numeric-multi ul.X4 label { width: 4em;}
.multiple-opt-comments ul.X4 label.answer-comment , .multiple-short-txt ul.X4 span , .numeric-multi ul.X4 div.input { margin-left: 4.5em; }

.multiple-opt-comments ul.X6 label.answertext , .multiple-short-txt ul.X6 label , .numeric-multi ul.X6 label { width: 6em;}
.multiple-opt-comments ul.X6 label.answer-comment , .multiple-short-txt ul.X6 span , .numeric-multi ul.X6 div.input { margin-left: 6.5em; }

.multiple-opt-comments ul.X8 label.answertext , .multiple-short-txt ul.X8 label , .numeric-multi ul.X8 label { width: 8em;}
.multiple-opt-comments ul.X8 label.answer-comment , .multiple-short-txt ul.X8 span , .numeric-multi ul.X8 div.input { margin-left: 8.5em; }

.multiple-opt-comments ul.X10 label.answertext , .multiple-short-txt ul.X10 label , .numeric-multi ul.X10 label { width: 10em;}
.multiple-opt-comments ul.X10 label.answer-comment , .multiple-short-txt ul.X10 span , .numeric-multi ul.X10 div.input { margin-left: 10.5em; }

.multiple-opt-comments ul.X12 label.answertext , .multiple-short-txt ul.X12 label , .numeric-multi ul.X12 label { width: 12em;}
.multiple-opt-comments ul.X12 label.answer-comment , .multiple-short-txt ul.X12 span , .numeric-multi ul.X12 div.input { margin-left: 12.5em; }

.multiple-opt-comments ul.X14 label.answertext , .multiple-short-txt ul.X14 label , .numeric-multi ul.X14 label { width: 14em;}
.multiple-opt-comments ul.X14 label.answer-comment , .multiple-short-txt ul.X14 span , .numeric-multi ul.X14 div.input { margin-left: 14.5em; }

.multiple-opt-comments ul.X16 label.answertext , .multiple-short-txt ul.X16 label , .numeric-multi ul.X16 label { width: 16em;}
.multiple-opt-comments ul.X16 label.answer-comment , .multiple-short-txt ul.X16 span , .numeric-multi ul.X16 div.input { margin-left: 16.5em; }

.multiple-opt-comments ul.X18 label.answertext , .multiple-short-txt ul.X18 label , .numeric-multi ul.X18 label { width: 18em;}
.multiple-opt-comments ul.X18 label.answer-comment , .multiple-short-txt ul.X18 span , .numeric-multi ul.X18 div.input { margin-left: 18.5em; }

.multiple-opt-comments ul.X20 label.answertext , .multiple-short-txt ul.X20 label , .numeric-multi ul.X20 label { width: 20em;}
.multiple-opt-comments ul.X20 label.answer-comment , .multiple-short-txt ul.X20 span , .numeric-multi ul.X20 div.input { margin-left: 20.5em; }

.multiple-opt-comments ul.X22 label.answertext , .multiple-short-txt ul.X22 label , .numeric-multi ul.X22 label { width: 22em;}
.multiple-opt-comments ul.X22 label.answer-comment , .multiple-short-txt ul.X22 span , .numeric-multi ul.X22 div.input { margin-left: 22.5em; }

.multiple-opt-comments ul.X24 label.answertext , .multiple-short-txt ul.X24 label , .numeric-multi ul.X24 label { width: 24em;}
.multiple-opt-comments ul.X24 label.answer-comment , .multiple-short-txt ul.X24 span , .numeric-multi ul.X24 div.input { margin-left: 24.5em; }

.multiple-opt-comments ul.X26 label.answertext , .multiple-short-txt ul.X26 label , .numeric-multi ul.X26 label { width: 26em;}
.multiple-opt-comments ul.X26 label.answer-comment , .multiple-short-txt ul.X26 span , .numeric-multi ul.X26 div.input { margin-left: 26.5em; }

.multiple-opt-comments ul.X28 label.answertext , .multiple-short-txt ul.X28 label , .numeric-multi ul.X28 label { width: 28em;}
.multiple-opt-comments ul.X28 label.answer-comment , .multiple-short-txt ul.X28 span , .numeric-multi ul.X28 div.input { margin-left: 28.5em; }

.multiple-opt-comments ul.X30 label.answertext , .multiple-short-txt ul.X30 label , .numeric-multi ul.X30 label { width: 30em;}
.multiple-opt-comments ul.X30 label.answer-comment , .multiple-short-txt ul.X30 span , .numeric-multi ul.X30 div.input { margin-left: 30.5em; }

.multiple-opt-comments ul.X-large label.answertext , .multiple-short-txt ul.X-large label , .numeric-multi ul.X-large label { margin-bottom: 0%;}
.multiple-opt-comments ul.X-large label.answer-comment , .multiple-short-txt ul.X-large span , .numeric-multi ul.X-large div.input { margin-left: 2em; }

.numeric-multi div.multinum-slider
{
	margin-top: 1.5em;
	display: inline-block;
}
.numeric-multi dl.multiplenumerichelp
{
	position: relative;
	width: 16em;
	margin-top: -4.5em;
	margin-bottom: 0%;
	padding: 0.3em;
}
.numeric-multi dl.multiplenumerichelp.slider { left: 18em; }
.numeric-multi dl.multiplenumerichelp.X2  { left: 12em; }
.numeric-multi dl.multiplenumerichelp.X4  { left: 14em; }
.numeric-multi dl.multiplenumerichelp.X6  { left: 16em; }
.numeric-multi dl.multiplenumerichelp.X8  { left: 18em; }
.numeric-multi dl.multiplenumerichelp.X10 { left: 20em; }
.numeric-multi dl.multiplenumerichelp.X12 { left: 22em; }
.numeric-multi dl.multiplenumerichelp.X14 { left: 24em; }
.numeric-multi dl.multiplenumerichelp.X16 { left: 26em; }
.numeric-multi dl.multiplenumerichelp.X18 { left: 28em; }
.numeric-multi dl.multiplenumerichelp.X20 { left: 30em; }
.numeric-multi dl.multiplenumerichelp.X22 { left: 32em; }
.numeric-multi dl.multiplenumerichelp.X24 { left: 34em; }
.numeric-multi dl.multiplenumerichelp.X26 { left: 36em; }
.numeric-multi dl.multiplenumerichelp.X28 { left: 38em; }
.numeric-multi dl.multiplenumerichelp.X30 { left: 40em; }
.numeric-multi dl.multiplenumerichelp.X-large { display: static; }

.numeric-multi dl.multiplenumerichelp dt
{
	text-align: right;
	width: 6em;
	padding: 0%;
	margin: 0% 0% -2.1em 0%;
	font-size: 90%;
}
.numeric-multi dl.multiplenumerichelp dd
{
	text-align: left;
	margin: 0% 0% 0.5em 6em;
	padding: 0%;
}
.numeric-multi dl.multiplenumerichelp dd input
{
	border: none;
	background-color: #192d40;
	font-weight: bold;
	color: #fff;
	padding: 0%;
	width: 7em;
}

 .numeric input
,.text-short input
,.text-long textarea
,.text-huge textarea
{
	margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/

 #limesurvey table.question thead th
,#limesurvey table.question .repeat th
{
	text-align: center;
	vertical-align: bottom;
	font-weight: strong;
}
#limesurvey .survey-question-answer table.question tbody td
{
	text-align: center;
	font-weight: normal;
}
 #limesurvey table.question tbody th.answertext
,#limesurvey table.question tbody th.arraycaptionleft
{
	text-align: left; /* right;*/
	font-weight: normal;
	
}
.array-flexible-column tbody th.arraycaptionleft
{
	padding-right: 1em;
}
#limesurvey table.question tbody th.answertextright
{
	text-align: left;
	font-weight: normal;
}
/*
.array-increase-same-decrease {}
.array-flexible-row {}
.array-flexible-column {}
.slider {}
.array-multi-flexi {}
.array-flexible-duel-scale {}
*/
.array-flexible-column col.odd
,.array-flexible-column th.odd
{
	background-color: #E8F5FD;
	
}

.survey-question
{
	float: left;
	width: 98.5%;
	/*margin-bottom: 1em;*/
}

.multiple-opt-comments ul, .multiple-short-txt ul, .numeric-multi ul {
display: table;
padding: 0%;
margin: 1em;
}
.multiple-opt-comments ul li, .multiple-short-txt ul li, .numeric-multi ul li {
display: table-row;
}

.multiple-short-txt ul li label,.numeric-multi ul li label {
  padding: 0.3em 1em 0% 0%;
  display: table-cell;
  vertical-align: baseline;
}

/* Jquery CSS
 */
/** UI Base **/
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }


/** UI Slider **/
.numeric-multi label.slider-label {
  display: inline-block;
  width: auto !important;
  padding: 0 1em 0.2em 0;
  /*margin-top: 1.3em;*/
  vertical-align: middle;
}

.ui-slider-handle {
  position: absolute;
  height: 23px;
  width: 12px;
  top: 0px;
  left: 0px;
  background-image: url(slider-handle.gif);
}

.ui-slider-1 {
  width: 200px;
  margin-bottom: 20px;
}

.slider_callout {
  height: 20px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: -20px;
  margin-left: -3px;
  color: #284a6e;
  font-size: 90%;
  font-weight: bold;
  text-align: left;
}

.slider_showmin {
  float: left;
  width: 50px;
  margin: 15px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  text-align: left;
}

.slider_showmax {
  float: right;
  width: 50px;
  margin: 15px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  text-align: right;
}

.slider_lefttext, .slider_righttext {
  display: table-cell;
  padding-top: 1.5em;
  padding-right: 11px;
  padding-bottom: 3px;
  vertical-align: top;
  font-size: 0.9em;
}

.slider_lefttext {
    text-align: right;
    padding-right: 11px;
}

.slider_righttext {
    padding-left: 11px;
}

.ui-slider-horizontal {
    height: .6em;
}

.asterisk {
  color: red;
  font-size: .9em;
  font-family: verdana;
}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { min-width: 0px;}

span#title {
margin-left: 180px;
/*position: relative;
top: -10px;*/
margin-top: 27px;
font-family: arial, verdana;
color: #0c2074;
/*white-space: nowrap;*/
display: inline-block;
}

table.printouttable tr {
border-top: 1px solid;
}

table.printouttable td,
table.printouttable th {
vertical-align: top;
}

table.printouttable tr td + td,
table.printouttable tr th + th { 
border-left: 1px solid; 
padding-left: .5em;
}

table.printouttable tr td:first-child,
table.printouttable tr th:first-child {
padding-right: .5em;
padding-left: .5em;
background-color: #c0c0c0;
min-width: 40%;            
}  


/* Tips / Validation Messages */
/* If the question is invalid, but has not been submitted, give it a pleasant warning color */
div.em_num_answers.good {
 color: green;
}

div.em_num_answers.error {
  color: red;
  display: block;
}

div.em_value_range.good {
  color: green;
}
div.em_value_range.error {
  color: red;
  display: block;
}

div.em_sum_range.good {
  color: green;
}
div.em_sum_range.error {
  color: red;
  display: block;
}

div.em_regex_validation {
  display: none;
}
div.em_regex_validation.good {
  color: green;
}
div.em_regex_validation.error {
  color: red;
}

div.em_q_fn_validation.good {
  color: green;
}
div.em_q_fn_validation.error {
  color: red;
}

div.em_sq_fn_validation.good {
  color: green;
}
div.em_sq_fn_validation.error {
  color:red;
}

div.em_other_comment_mandatory.good {
  display: none;
}
div.em_other_comment_mandatory.error {
  color: red;
  display: block;
}

input.em_sq_validation.good, textarea.em_sq_validation.good {
}

input.em_sq_validation.error, textarea.em_sq_validation.error {
  color: black;
  background-color:  red;
}

span.dynamic_sum {
  font-weight: bold;
  background-color: #d3d3d3;
}
span.dynamic_sum.good {
  color: green;
}
span.dynamic_sum.error {
  color: red;
}

span.dynamic_remaining {
  font-weight: bold;
  background-color: #d3d3d3;
}
span.dyanamic_remaining.good {
  color: green;
}
span.dynamic_remaining.error {
  color: red;
}

/* If  it is still invalid after submit, flag it in red */
.input-error div.error {
  color: red;
  display: block;
}

.hide-tip div.good {
    display: none;
}

.hide-tip div.error {
    color: red;
}

.input-error .hide-tip div.error {
    color: red;
    display: block;
}                      

.survey-privacy {
padding: 2em;
background: #6DC3F1;
color: #0C2074;
margin: 1.5em 5em;
box-shadow: 5px 5px 5px black;
font-style: italic;
font-size: .9em;
}            

#progress-wrapper .ui-widget-header {  background-color: #0c2074;}
#progress-wrapper { width: 23em; }
#progress-wrapper .ui-widget-content { width: 13em; }

/* http://stackoverflow.com/questions/279421/can-you-style-an-html-radio-button-to-look-like-a-checkbox */
/*input[type='radio'] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;  
    -o-appearance: checkbox;     
}*/

table { border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}

/*
input[type=radio] {content:url(no_check.gif)}
input[type=radio]:checked {content:url(check.gif)}
*/
/* http://www.cssportal.com/blog/style-checkboxes-radio-buttons/ */

input[type=checkbox],
input[type=radio] {
    /* display:none; */
    /* none is not accessible, trick found on http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/ */
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
}
   
    .list-radio li {
text-indent: 0em;
zoom:1; /* important, otherwise boxes do not show! */
}

    input[type=checkbox] + label,
    input[type=radio] + label { padding-left: 0em; text-indent: 0em; }
    
    label + input[type=radio]:before,
    label + input[type=checkbox]:before,
    input[type=checkbox] + label:before,
    input[type=radio] + label:before {
        content: "";  
	    display: inline-block;  
	    width: 1.4em;  
	    height: 1.4em;  
	    vertical-align:middle;
	    margin-right: 8px;  
	    background-color: #eee;
	    border: 1px solid #000;
        border-radius: 10%;
    }
    
    /* Make radio a circle by using a larger border radius */
    label + input[type=radio]:before,
    input[type=radio] + label:before {
        border-radius: 50%;
    }
    
    label + input[type=radio]:focus:before,
    label + input[type=checkbox]:focus:before,
    input[type=checkbox]:focus + label:before,
    input[type=radio]:focus + label:before
    {
        background-color: #000;
        color: yellow;
    }
        
    label + input[type=radio]:checked:before,
    label + input[type=checkbox]:checked:before,
    input[type=checkbox]:checked + label:before,
	input[type=radio]:checked + label:before {
		content:"\2713";
		color:white;
	    background-color: #666; 
		text-align:center;
		line-height: 1.4em;
	}
    
    /* When disabled due to exclusive options, show greyed out */
    label + input[type=radio]:disabled:before, 
    label + input[type=checkbox]:disabled:before, 
    input[type=checkbox]:disabled + label:before, 
    input[type=radio]:disabled + label:before {
        background: #aaa;
        content: "";
    }
    
    /* provide some space between the items in lists */
    .choice-5-pt-radio li, .list-radio-flexible li, .list-radio li, .list-with-comment li, .multiple-opt li, .multiple-opt-comments li, .multiple-short-txt li, .numeric-multi li, .yes-no li, .gender li {
        margin-bottom: 5px;
    }
    
    /* fix cropping in array questions */ 
    .radio-list .hide + input, 
    .survey-question-answer input + label.hide {
        height: 1.6em;
        width: 1.6em;
    }

    .radio-list .hide + input {
        display: inline;
        margin-bottom: 2px;
        margin-top: 2px;
        position: relative;
    }
    
    .survey-question-answer input + label.hide {
        font-weight: normal;
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;        
        display: inline-block;
    }
    
    .array-flexible-column input[type=radio] {
        display: inline-block;
        margin: 5px;
    }
    
    .checkbox-list li {
        margin-left: 2em;
    }
    
    /* fix borders for print */
    @media print {
        label + input[type=radio]:before,
        label + input[type=checkbox]:before,
        input[type=checkbox] + label:before,
        input[type=radio] + label:before {
            background-color: #fff;
            box-shadow: none;
            border: 1px solid #000;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        
        label + input[type=radio]:checked:before,
        label + input[type=checkbox]:checked:before,
        input[type=checkbox]:checked + label:before,
        input[type=radio]:checked + label:before {
            color: #000;
            font-weight: bold;
            background: #fff;
        }
    }
    
    .ui-button .ui-button-text { font-size: 1em; line-height: 1em; }
    
/* Vertical slider styles and overrides */    

.vertical-slider-question p.tip {
	display: none;
}
	
.vertical-slider-sub-question {
	float: left;
	margin: 0 3em 0 0 !important;
}

.vertical-slider-question label {
	display: block;
	padding: 0 0 0.75em 0 !important;
}

.vertical-slider-question span.input {
	padding: 0.3em 0 0 0;
	display: block;
}

.vertical-slider-question input.text {
	display: none;
}

.vertical-slider {
	float: left;
	border-radius: 4px;
}

.vertical-slider-question .ui-slider-handle {
	top: auto;
	border-radius: 4px;
}

.vertical-slider-max-min,
.vertical-slider-callout-wrapper {
	float: left;
	position: relative;
}

.vertical-slider-callout-wrapper {
	min-width: 3em;
}

.vertical-slider-max-min {
	margin-right: 0.5em;
}

.vertical-slider-max-txt,
.vertical-slider-min-txt,
.vertical-slider-max,
.vertical-slider-min {
	font-size: 0.8em;
	color:#666666;
	line-height: 1;
}

.vertical-slider-max {
	margin-top: -0.5em;
}

.vertical-slider-min {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: -0.5em;
}

.vertical-slider-callout {
	position: absolute;
	top: auto;
	margin: 0 0 -.6em 0.5em;
	padding: 0.1em;
	font-size: 0.9em;
	color:#000000;
	line-height: 1;
	background: #F8F8FF;
	border: 1px solid #D2E0F2;
	border-radius: 4px;
}

.vertical-slider-min-txt {
  position: absolute;
  left: 1em;
  bottom: 0;
  margin-bottom: -0.5em;
}

.vertical-slider-max-txt {
  position: relative;
  top: -.5em;
  left: 1em;
}

.choice-5-pt-radio li, .list-radio-flexible li, .list-radio li, .list-with-comment li, .multiple-opt li, .multiple-opt-comments li, .multiple-short-txt li, .numeric-multi li, .yes-no li, .gender li {
  /* margin: 0px 0px 0px 2em; */
  text-indent: 0;
}

.list-with-comment div.list {
  padding: 0px;
}

.hide.read { color:transparent;}

@media print {
    .navigator-table,
    #progress-wrapper { display:none;}
    #index, .index-toggle, .noprint { display:none; }
}

/* Navigation customization */
.other-buttons {
    text-align: center;
    clear: both;
    /* position: relative;
    top: -2em; */
}

.clear-all {
    clear:both;
    position: absolute;
    width: 17em;
    top: 0;
    right: 1.5em;
    font-size: .8em;
    z-index: 1;
}

.clear-all span.ui-button-text {
    padding: .2em;
}

#movesubmitbtn,
#movenextbtn {
    float: right;
}
/*#layout.withindex { display: inline-block; }*/

.index-toggle {
    display: none;
    position: fixed;
    top: 2.8em;
    right: 1.5em;
    border-radius: 5px;
    padding: .5em;
}

.index-toggle:hover {
    cursor: pointer;
}    

.withindex ~ .index-toggle { display:block; }

#itoggle span {
  padding-left: 1em;
  position: relative;
  display: inline-block;
  height: 1em;
}
#itoggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #2779aa;
  box-shadow: 
    0 0.25em 0 0 #2779aa,
    0 0.5em 0 0 #2779aa;
}

/* Question Index */
/*.outerframe.withindex .missing td.survey-question-answer {
  background: #FBFBEF;
}*/
.withindex.outerframe {
    padding-right: 25.5em;
    padding-left: .5em;
}

.allinone .outerframe{
  margin:0;
}

#index {
  position: fixed;
  right: 0;
  width: 25em;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  background: #fff;
  border-left: 1px solid #ccc;
}

#index h2 {
  padding: 1em;
  background: #eef6ff;
  text-align: left;
}

#index h3 { margin: 0.5em 0 0 0.5em; }

#index .container {
  width: 24em;
}

#index .container .row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  border-top: 1px solid #fff;
}

#index .container .row:hover {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

#index .container .row .hdr {
  width: 3em;
  text-align: right;
  display: inline-block;
  padding: 0 0.5em 0 0;
}

#index .container .row.odd { background: #EEF6FF; }
/* Missing is alles wat niet is ingevuld, niet alleen wat verplicht is en ontbreekt  #index .container .row.missing { color: #990000; } */
#index .container .row.current { background: #1D2D45; color: #fff; }
#index .container input { margin: 1em; }

@media (max-width: 720px) {
    #index {display:none;}
    #layout {padding-right: .5em;}
    input {max-width: 350px;}
    #logo #title { 
        margin-top: 0px; 
        font-size: 80%;
    }
    #logo { min-height: 57px; }
}

/* using keyboard navigation the ui-focus is not toggled, fix it by defining :focus state */ 
.button.ui-button:focus { 
    border: 1px solid #2694e8;
    background: #3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}

/* for mobile devices, we need a little spacing in textboxes */
input[type='text'] {
    padding: 0.2em .5em;
}


/* Extra room for sliders */ 
.numeric-multi div.multinum-slider {
    width: 480px;
}
.ui-slider-horizontal .ui-slider-handle {
        top: -1.3em;
        height: 3.2em;
    }
.numeric-multi div.multinum-slider {
    margin-top: 2.5em;
}
.slider_lefttext, .slider_righttext {
    padding-top: 2.7em;
    width: 25vh;
}
.numeric-multi ul.slider-list li {
    height: 5.2em;
}
.ui-slider-horizontal .ui-slider-1 {
  width: auto;
}
.numeric-multi ul.slider-list {
    margin: auto;
}

@media (max-width: 960px) {
    .numeric-multi div.multinum-slider {
        width: 50vw;
    }
}

/* Fix lists in question text */
.in ul li,
.survey-completed ul li,
.survey-groupdescription ul li,
.survey-question-text ul li {
    list-style-type: disc;
    margin-left: 1em;
}

.in ol li,
.survey-completed ol li,
.survey-groupdescription ol li,
.survey-question-text ol li {
    list-style-type: decimal;
    margin-left: 1em;
}

/* add a visual separator to dual scale questions */
.dual_scale_separator {
    border-right: 1px solid;
    border-left: 1px solid;
    min-width: 1em;    
    background: white;
}